1<!DOCTYPE html><!-- Last Published: Thu Sep 24 2026 07:11:08 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="wf2.murf.ai" data-wf-page="67841cf6a45f9d8484a2a6be" data-wf-site="66b3765153a8a0c399c70981" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Leading AI Voice & Conversational Agent Platform - Murf AI</title><meta content="Generate human-like speech and deploy Conversational agents with Murf AI. The complete AI Voice platform trusted by 10 million+ developers, businesses, and creators." name="description"/><meta content="Leading AI Voice & Conversational Agent Platform - Murf AI" property="og:title"/><meta content="Generate human-like speech and deploy Conversational agents with Murf AI. The complete AI Voice platform trusted by 10 million+ developers, businesses, and creators." property="og:description"/><meta content="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/670584e2dab709883eed3793_Home.webp" property="og:image"/><meta content="Leading AI Voice & Conversational Agent Platform - Murf AI" name="twitter:title"/><meta content="Generate human-like speech and deploy Conversational agents with Murf AI. The complete AI Voice platform trusted by 10 million+ developers, businesses, and creators." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/670584e2dab709883eed3793_Home.webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/css/murf-ai-staging-09f502.shared.69b43cba0.min.css" rel="stylesheet" type="text/css" integrity="sha384-abQ8ug3vrnY2Xc3PJMc+Fmylt3BktT5HYSFcq/Gabacy6ystO68twK21uu0rCWkB" crossorigin="anonymous"/><style>@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cbb"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305f3d"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb5"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305da6"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e3f"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e70"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305dac"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e45"] {opacity:0;display:none;}
1html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e76"] {opacity:0;display:none;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb1"] {display:none;width:100%;height:0vh;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb6"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305da7"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e40"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e71"] {display:flex;}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cbb"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305f3d"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb5"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305da6"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e3f"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e70"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305dac"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e45"] {opacity:0;display:none;}
1html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e76"] {opacity:0;display:none;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb1"] {display:none;width:100%;height:0vh;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb6"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305da7"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e40"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e71"] {display:flex;}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cbb"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305f3d"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb5"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305da6"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e3f"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e70"] {display:block;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305dac"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e45"] {opacity:0;display:none;}
1html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e76"] {opacity:0;display:none;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb1"] {display:none;width:100%;height:0vh;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305cb6"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305da7"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e40"] {display:flex;}html.w-mod-js:not(.w-mod-ix) [data-w-id="eda17aa2-972b-3547-6b1c-7b5296305e71"] {display:flex;}}</style><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
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/66b3765153a8a0c399c70981/670cb2af23deffa700aa8a09_favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67065c22d34646f3bb23b232_android-chrome-256x256.png" rel="apple-touch-icon"/>
1<script> 2(()=>{class e{constructor(){this.currentPlayer=null,this.players=new Set}init(){document.querySelectorAll("audio, video").forEach((e=>this.registerPlayer(e)))}registerPlayer(e){this.players.has(e)||(this.players.add(e),e.addEventListener("play",(()=>this.handlePlay(e))))}handlePlay(e){this.currentPlayer&&this.currentPlayer!==e&&this.currentPlayer.pause(),this.currentPlayer=e}}window.playerManager||(window.playerManager=new e)})(); 3</script>
3<html lang = "en"> 4<link rel="canonical" href=https://murf.ai />
5<script defer type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>
5 6
7<script> 8if(document.referrer.split('/')[2]!="murf.ai" && document.referrer.split('/')[2]!="www.google.com"){ 9if(window?.localStorage?.getItem("MFCU")) window.location = window.location.origin + "/studio" } 10</script>
vendor: 1 bytes, line 10
10
11<script type="application/ld+json"> 12{ 13 "@context": "https://schema.org", 14 "@type": "WebPage", 15 "@id": "https://murf.ai/#WebPage", 16 "name": "Leading AI Voice & Conversational Agent Platform - Murf AI", 17 "description": "Generate human-like speech and deploy conversational agents with Murf AI. The complete AI Voice platform trusted by 10 million+ developers, businesses, and creators.", 18 "url": "https://murf.ai/", 19 "isPartOf": { 20 "@type": "WebSite", 21 "@id": "https://murf.ai/#WebSite", 22 "name": "Murf AI", 23 "alternateName": "Murf", 24 "image": "https://assets-global.website-files.com/66b3765153a8a0c399c70981/670814863aa9d9d006e6cf73_murf-ai-logo-light.svg", 25 "url": "https://murf.ai/", 26 "publisher": { 27 "@type": "Corporation", 28 "name": "Murf AI", 29 "legalName": "Murf Inc", 30 "alternateName": "Murf", 31 "url": "https://murf.ai/", 32 "founders": [ 33 { 34 "@type": "Person", 35 "name": "Divyanshu Pandey", 36 "sameAs": [ 37 "https://www.crunchbase.com/person/divyanshu-pandey-7dff", 38 "https://x.com/divyanshupandey", 39 "https://www.linkedin.com/in/divyanshu-pandey-57782b13/" 40 ], 41 "jobTitle": "Co-Founder & Chief Business Officer", 42 "description": "Divyanshu Pandey is the Co-Founder & Chief Business Officer of Murf AI." 43 }, 44 { 45 "@type": "Person", 46 "name": "Ankur Edkie", 47 "sameAs": [ 48 "https://www.crunchbase.com/person/ankur-edkie", 49 "https://x.com/ankuredkie", 50 "https://www.linkedin.com/in/ankuredkie/" 51 ], 52 "jobTitle": "Co-founder & Chief Executive Officer", 53 "description": "Ankur Edkie is the Co-founder & Chief Executive Officer of Murf AI." 54 }, 55 { 56 "@type": "Person", 57 "name": "Sneha Roy", 58 "sameAs": [ 59 "https://www.crunchbase.com/person/sneha-roy-3587", 60 "https://x.com/snehar23", 61 "https://www.linkedin.com/in/sneha-roy-28a83043/" 62 ], 63 "jobTitle": "Co-founder & Chief Operating Officer", 64 "description": "Sneha Roy is the Co-founder & Chief Operating Officer of Murf AI." 65 } 66 ], 67 "@id": "https://murf.ai/#Organisation", 68 "logo": "https://assets-global.website-files.com/66b3765153a8a0c399c70981/670814863aa9d9d006e6cf73_murf-ai-logo-light.svg", 69 "contactPoint": { 70 "@type": "ContactPoint", 71 "telephone": "+1 302 574 6664", 72 "contactType": "customer service", 73 "email": "[email protected]", 74 "availableLanguage": "en" 75 }, 76 "sameAs": [ 77 "https://twitter.com/MURFAISTUDIO", 78 "https://www.youtube.com/channel/UCN4SZLCIuSKaLwQuDHR9evg", 79 "https://www.instagram.com/murfaistudio/", 80 "https://www.linkedin.com/company/murf-ai", 81 "https://www.g2.com/products/murf-ai/reviews" 82 ], 83 "knowsAbout": [ 84 { 85 "@type": "Thing", 86 "name": "Artificial Intelligence", 87 "@id": "https://www.wikidata.org/wiki/Q11660", 88 "sameAs": "https://en.wikipedia.org/wiki/Artificial_intelligence", 89 "alternateName": "AI" 90 }, 91 { 92 "@type": "Thing", 93 "name": "Voice Over", 94 "@id": "https://www.wikidata.org/entity/Q1146822", 95 "sameAs": "https://en.wikipedia.org/wiki/Voice-over" 96 } 97 ] 98 } 99 } 100} 101 102</script>
102 103 104 105 106 107 108 109<style> 110 .voice-select-input{ 111 -webkit-appearance: none; 112 } 113 /* Voice Preview Module Styles*/ 114 .play-icon{ 115 width: 32px; 116 height: 32px; 117 flex-shrink: 0; 118 flex-shrink: 0; 119 display: flex; 120 align-items: center; 121 justify-content: center; 122 } 123 .murf-spinner-global { 124 animation: spin 2s linear infinite; 125} 126 127@keyframes spin { 128 from { 129 transform: rotate(0deg); 130 } 131 to { 132 transform: rotate(360deg); 133 } 134} 135 .c-playback{ 136 width: 32px; 137 } 138 .c-pause{ 139 display: none; 140 } 141 .voice-audio-player{ 142 display: none; 143 } 144 .language-text-selector{ 145 text-overflow: ellipsis; 146 } 147 148 [data-play-pause="common"] [data-play-pause="play"], 149[data-play-pause="common"] [data-play-pause="pause"], 150[data-play-pause="common"] [data-play-pause="loader"] { 151 display: none; 152} 153 154[data-play-pause="common"][data-state="paused"] [data-play-pause="play"] { 155 display: block; 156} 157 158[data-play-pause="common"][data-state="playing"] [data-play-pause="pause"] { 159 display: block; 160} 161 162[data-play-pause="common"][data-state="loading"] [data-play-pause="loader"] { 163 display: block; 164} 165</style> 166 167 168 169 170<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
171<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
171 172 173 174 175 176 177 178 179 180 181 182 183 184 185<style> 186.academy-nav-link.w--current { 187 border-bottom-color: #6642B3; 188 border-bottom-right-radius: 2px; 189 border-bottom-left-radius: 2px; 190} 191.academy-nav-link.w-inline-block.w--current{ 192background-color: #140b25; 193} 194</style> 195 196<style> 197#hide2, #hide3, #hide4, #hide5, #hide6, #tst-2, #tst-3, #tst-4, #tst-5, #tst-6, 198#hc2, #hc3, #hc4, #hc5, #hc6{ 199 display: block !important; 200} 201 202@media screen and (min-width: 768px) and (max-width: 991px) { 203 #tab1, #img-tst, #seperator { 204 display: none !important; 205 } 206} 207 208 209 210/* Desktop (default) - Force FAQ Rich Text typography */ 211.faq-answer.v2 p, 212.faq-answer.v2 li { 213 color: var(--SymenticColors-Text-Main-Mid-Contrast, rgba(29, 17, 54, 0.70)) !important; 214 font-family: var(--Typography-font-family-Body, Inter) !important; 215 font-size: var(--Typography-Body-small-font-size, 14px) !important; 216 font-style: normal !important; 217 font-weight: 400 !important; 218 line-height: var(--Typography-Body-small-line-height, 21px) !important; 219} 220 221/* Extra power to beat Webflow .w-richtext */ 222.faq-answer.v2 .w-richtext p, 223.faq-answer.v2 .w-richtext li { 224 font-size: 14px !important; 225 line-height: 21px !important; 226} 227 228/* Tablet (typically 768px - 1024px) */ 229@media screen and (max-width: 1024px) { 230 .faq-answer.v2 p, 231 .faq-answer.v2 li { 232 font-size: var(--Typography-Body-small-font-size, 12px) !important; 233 line-height: var(--Typography-Body-small-line-height, 18px) !important; 234 } 235 236 .faq-answer.v2 .w-richtext p, 237 .faq-answer.v2 .w-richtext li { 238 font-size: 12px !important; 239 line-height: 18px !important; 240 } 241} 242 243/* Mobile (typically up to 767px) */ 244@media screen and (max-width: 767px) { 245 .faq-answer.v2 p, 246 .faq-answer.v2 li { 247 font-size: var(--Typography-Body-small-font-size, 10px) !important; 248 line-height: var(--Typography-Body-small-line-height, 15px) !important; 249 } 250 251 .faq-answer.v2 .w-richtext p, 252 .faq-answer.v2 .w-richtext li { 253 font-size: 10px !important; 254 line-height: 15px !important; 255 } 256} 257</style> 258 259 260<style> 261 #faq-home { 262 font-variation-settings: normal !important; 263} 264</style> 265</head><body><div class="page-wrapper"><div class="navbar-wrapper"><div class="navbar-banner-wrapper"></div><div data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="new-design-system-variables--navbar w-nav"><nav id="" role="navigation" aria-label="Main Navigation" class="new-design-system-variables--nnb-wrapper"><div class="new-design-system-variables--nnb-navbar"><div class="new-design-system-variables--nnb-tablet-logo"><a aria-label="Visit Home Page" href="/" aria-current="page" class="w-inline-block w--current"><img loading="eager" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69d781736c9305f27c6e04f4_murf-nav-logo.svg" alt="" class="new-design-system-variables--nnb-logo"/></a><div id="nnb-toggle-menu" aria-label="Open Menu" aria-expanded="false" aria-controls="mobile-navigation" class="new-design-system-variables--nnb-menu-toggle"><img id="nnb-hamburger" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a26b8d8d1e4fd3e824e5290_Button%20%26%20Input%20Icons%20(7).svg" class="new-design-system-variables--img-full new-design-system-variables--hamburger"/><img id="nnb-close" loading="lazy" alt="" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5fd40cf3d1d17aa1cda2d_Button%20%26%20Input%20Icons%20(3).svg" class="new-design-system-variables--nnb-toggle-menu-close"/></div><div class="new-design-system-variables--hide w-embed w-script">
265<script> 266 document.addEventListener('DOMContentLoaded', function () { 267 268 const toggleMenu = document.getElementById('nnb-toggle-menu'); 269 const container = document.getElementById('nnb-container'); 270 const hamburger = document.getElementById('nnb-hamburger'); 271 const closeIcon = document.getElementById('nnb-close'); 272 273 function openMenu() { 274 container.style.setProperty('display', 'flex', 'important'); 275 hamburger.style.setProperty('display', 'none', 'important'); 276 closeIcon.style.setProperty('display', 'block', 'important'); 277 toggleMenu.style.setProperty('background', 'rgba(255, 237, 244, 0.27)', 'important'); 278 } 279 280 function closeMenu() { 281 container.style.setProperty('display', 'none', 'important'); 282 hamburger.style.setProperty('display', 'block', 'important'); 283 closeIcon.style.setProperty('display', 'none', 'important'); 284 toggleMenu.style.setProperty('background', '', 'important'); 285 } 286 287 if (toggleMenu && container) { 288 toggleMenu.addEventListener('click', function (e) { 289 e.stopPropagation(); 290 const isOpen = container.style.display === 'flex'; 291 isOpen ? closeMenu() : openMenu(); 292 }); 293 } 294 295 document.addEventListener('click', function (e) { 296 if ( 297 container && 298 container.style.display === 'flex' && 299 !container.contains(e.target) && 300 e.target !== toggleMenu && 301 !toggleMenu.contains(e.target) 302 ) { 303 closeMenu(); 304 } 305 }); 306 307 const backMap = [ 308 { backId: 'nnb-developer-back', menuId: 'nnb-developer-menu' }, 309 { backId: 'nnb-creator-back', menuId: 'nnb-creator-menu' }, 310 { backId: 'nnb-resource-back', menuId: 'nnb-resource-menu' }, 311 { backId: 'nnb-agents-back', menuId: 'nnb-agents-menu' }, 312 ]; 313 314 backMap.forEach(function ({ backId, menuId }) { 315 const backBtn = document.getElementById(backId); 316 const menu = document.getElementById(menuId); 317 318 if (backBtn && menu) { 319 backBtn.addEventListener('click', function () { 320 menu.classList.remove('w--open'); 321 }); 322 } 323 }); 324 325 }); 326</script>
326</div></div><div id="nnb-container" class="new-design-system-variables--nnb-container"><div class="new-design-system-variables--nnb-menu-left"><a aria-label="Visit Home Page" href="/" aria-current="page" class="new-design-system-variables--nav-logo-wp w-inline-block w--current"><img loading="eager" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69d781736c9305f27c6e04f4_murf-nav-logo.svg" alt="" class="new-design-system-variables--murf-nav-logo"/></a><div class="new-design-system-variables--nnb-scroll-wrapper"><div id="nnb-nav-dropdown-wrapper" class="new-design-system-variables--nnb-nav-dropdown-wrapper"><div class="new-design-system-variables--nnb-nav-link-wrapper"><div data-delay="0" data-hover="false" class="new-design-system-variables--nnb-nav-dropdown w-dropdown"><div id="nnb-agents-button" aria-label="Open Agents Menu" aria-controls="agents-menu" class="new-design-system-variables--nnb-nav-dropdown-btn w-dropdown-toggle"><div id="nnb-agents-text" class="new-design-system-variables--nnb-text">Agents</div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5d99921b961fd19db49ef_arrow_back.svg" alt="" class="new-design-system-variables--nnb-tablet-dropdown-arrow"/><img id="nnb-agents-arrow" loading="lazy" alt="Dropdown Arrow" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e09ff578bf460ceb1757bf_S-Nav-Chevron%20(1).svg" class="new-design-system-variables--nnb-pc-dropdown-arrow"/><div id="agents-border-btm" class="new-design-system-variables--nnb-dropdown-border-btm"></div></div><nav id="nnb-agents-menu" class="new-design-system-variables--nnb-dropdown-list new-design-system-variables--agents w-dropdown-list"><div class="new-design-system-variables--nnb-dopdown-list-left new-design-system-variables--agents"><a id="nnb-agents-back" href="#" class="new-design-system-variables--nnb-back-btn w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e60467b0533224850bfb25_arrow_back%20(1).svg" alt="" class="new-design-system-variables--img-full"/><div class="new-design-system-variables--body-small">Back</div></a><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">AGENTS</p></div><div class="new-design-system-variables--nnb-key-products"><a href="/ai-voice-agent" target="_blank" class="new-design-system-variables--nnb-key-product-link w-inline-block"><div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69f88b8269e3b61808f5a24a_Frame%201171285540.svg" alt="" class="new-design-system-variables--img-full"/></div><p class="new-design-system-variables--body-x-small new-design-system-variables--text-mid-contrast">Build production-ready AI voice agents that scale</p></a></div></div><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">USECASES</p></div><div class="w-layout-grid new-design-system-variables--nnb-link-grid new-design-system-variables--agents"><a href="/ai-voice-agent/ai-receptionist" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69f9c0e6d6cf6a2ed39f5b5d_Icon%20(7).svg" alt="AI Receptionist" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI Receptionist â</p></a><a href="/ai-voice-agent/ai-recruiter" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69f9c0df53ea24d223e89e6f_Icon%20(6).svg" alt="AI Recruiter" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI Recruiter -></p></a><a href="/ai-voice-agent/ai-call-center" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a1d65ce8f38f591a2353eb2_Frame%202.svg" alt="AI Call Center" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI Call Center -></p></a><a href="/ai-voice-agent/ai-cold-calling" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a1d5647a070f624a4306dec_Frame%201%20(1).svg" alt="AI Cold Calling" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI Cold Calling -></p></a><a href="/ai-sales-agent" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a1d569a2052cf8eab324696_Icon%20-%20usecase.svg" alt="AI Sales Agent" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI Sales Agent -></p></a><a href="/ai-sdr" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a1d5683c
326da862b74fbf8229_icon%20(12).svg" alt="AI SDR" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI SDR -></p></a><a href="/ai-voice-agent/consumer-lending" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69f9c141a4b2e62bab3ace50_Icon%20(10).svg" alt="Consumer Lending" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Consumer Lending -></p></a><a href="/ai-customer-service" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a1d56b5dc0c568f48079ce1_Help.svg" alt="AI Customer Service" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">AI Customer Service -></p></a></div></div></div><div class="new-design-system-variables--nnb-dropdown-list-right"><div class="new-design-system-variables--nnb-link-wrapper"><div class="new-design-system-variables--nnb-flex-space-4 new-design-system-variables--agents"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">INDUSTRIES</p></div><div><a href="/conversational-ai" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Conversational AI -></p></a></div><div><a href="/conversational-ai/industries/banking" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Banking -></p></a></div><div><a href="/conversational-ai/industries/call-centers" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Contact Center -></p></a></div><div><a href="/conversational-ai/industries/dealerships" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Dealerships -></p></a></div><div><a href="/conversational-ai/industries/insurance" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Insurance -></p></a></div><div><a href="/conversational-ai/industries/customer-support" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Customer Support -></p></a></div></div><div><a href="/ai-voice-agent" target="_blank" class="new-design-system-variables--body-strong w-inline-block"><div class="new-design-system-variables--flex-container new-design-system-variables--gap-6px"><p class="new-design-system-variables--text-gradient-1">Get a Demo</p><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a05c37324152a567f105723_Button%20%26%20Input%20Icons%20(4).svg" alt="Get API Key " class="new-design-system-variables--img-full"/></div></a></div></div></div></nav></div></div><div class="new-design-system-variables--nnb-nav-link-wrapper"><div data-delay="0" data-hover="false" class="new-design-system-variables--nnb-nav-dropdown w-dropdown"><div id="nnb-developer-button" aria-label="Open Developers Menu" aria-controls="developers-menu" class="new-design-system-variables--nnb-nav-dropdown-btn w-dropdown-toggle"><div id="nnb-developer-text" class="new-design-system-variables--nnb-text">Models</div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5d99921b961fd19db49ef_arrow_back.svg" alt="" class="new-design-system-variables--nnb-tablet-dropdown-arrow"/><img id="nnb-developer-arrow" loading="lazy" alt="Dropdown Arrow" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e09ff578bf460ceb1757bf_S-Nav-Chevron%20(1).svg" class="new-design-system-variables--nnb-pc-dropdown-arrow"/><div id="developer-border-btm" class="new-design-system-variables--nnb-dropdown-border-btm new-design-system-variables--models"></div></div><nav id="nnb-developer-menu" class="new-design-system-variables--nnb-dropdown-list w-dropdown-list"><div class="new-design-system-variables--nnb-dopdown-list-left"><a id="nnb-developer-back" href="#" class="new-design-system-variables--nnb-back-btn w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e60467b0533224850bfb25_arrow_back%20(1).svg" alt="" class="new-design-system-variables--img-full"/><div class="new-design-system-variables--body-small">Back</div></a><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">TEXT-TO-SPEECH APIS</p></div><div class="new-design-system-variables--nnb-key-products"><a href="/falcon" target="_blank" class="new-design-system-variables--nnb-key-product-link w-inline-block"><div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a802c19bc3496a1ed801e7a_Murf-Model-Logos%20(2).svg" alt="" class="new-design-system-variables--img-full"/></div><p class="new-design-system-variables--body-x-small new-design-system-variables--text-mid-contrast">Fast, Natural & Efficient TTS API purpose built for voice agents</p></a><a href="/text-to-speech-gen-2" target="_blank" class="new-design-system-variables--nnb-key-product-link w-inline-block"><div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69df44a8e12a10647334f0eb_Murf-Model-Logos%20(1).svg" alt="Murf Gen 2" class="new-design-system-variables--img-full"/></div><p class="new-design-system-variables--body-x-small new-design-system-variables--text-mid-contrast">AI speech model with precise voice controls</p></a></div></div><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">OTHERÂ APIS</p></div><div class="w-layout-grid new-design-system-variables--nnb-link-grid"><a href="/api/docs/capabilities/voice-changer" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69df47e1cfba50284df0f233_Icons.svg" alt="Product - Voice Changer" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Voice Changer -></p></a><a href="/api/docs/capabilities/dubbing" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69f0631911a570b4f28b4beb_Dubbing%20(1).svg" alt="Product - Voice Changer" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Dubbing Automation â</p></a><a href="/api/docs/capabilities/translation" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69df47e1cfba50284df0f233_Icons.svg" alt="Product - Voice Changer" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Translation -></p></a></div></div></div><div class="new-design-system-variables--nnb-dropdown-list-right"><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">RESOURCES</p></div><div><a href="/api/docs/introduction/overview" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">APIÂ Docs -></p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Browse API guides and endpoints</p></div><div><a href="/falcon/savings-calculator" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">ROI Calculator -></p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Calculate savings with Murf API</p></div><div><a href="/falcon/benchmarks" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">TTS Benchmarks -></p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Compare latency, quality, and cost across TTS APIs.</p></div><div><a href="/api/login" target="_blank" class="new-design-system-variables--body-strong w-inline-block"><div class="new-design-system-variables--flex-container new-design-system-variables--gap-6px"><p class="new-design-system-variables--text-gradient-1">Get API Key</p><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a05c37324152a567f105723_Button%20%26%20Input%20Icons%20(4).svg" alt="Get API Key " class="new-design-system-variables--img-full"/></div></a></div></div></div></nav></div></div><div class="new-design-system-variables--nnb-nav-link-wrapper"><div data-delay="0" data-hover="false" class="new-design-system-variables--nnb-nav-dropdown w-dropdown"><div id="nnb-creator-button" aria-label="Creators Menu" aria-controls="creators-menu" class="new-design-system-variables--nnb-nav-dropdown-btn w-dropdown-toggle"><div id="nnb-creator-text" class="new-design-system-variables--nnb-text">Creators</div><img id="nnb-creator-arrow" loading="lazy" alt="Dropdown Arrow" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e09ff578bf460ceb1757bf_S-Nav-Chevron%20(1).svg" class="new-design-system-variables--nnb-pc-dropdown-arrow"/><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5d99921b961fd19db49ef_arrow_back.svg" alt="" class="new-design-system-variables--nnb-tablet-dropdown-arrow"/><div id="creator-border-btm" class="new-design-system-variables--nnb-dropdown-border-btm new-design-system-variables--creators"></div></div><nav id="nnb-creator-menu" class="new-design-system-variables--nnb-dropdown-list w-dropdown-list"><div class="new-design-system-variables--nnb-dopdown-list-left"><a id="nnb-creator-back" href="#" class="new-design-system-variables--nnb-back-btn w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e60467b0533224850bfb25_arrow_back%20(1).svg" alt="" class="new-design-system-variables--img-full"/><div class="new-design-system-variables--body-small">Back</div></a><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">PRODUCTS</p></div><div class="new-design-system-variables--nnb-key-products"><a href="/text-to-speech" target="_blank" class="new-design-system-variables--nnb-key-product-link w-inline-block"><div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e085c82e5edafe446130b0_Murf%20Logos%20-%20Color%20(3).svg" alt="Murf Studio" class="new-design-system-variables--img-full"/></div><p class="new-design-system-variables--body-x-small new-design-system-variables--text-mid-contrast">Convert text to speech and create voiceovers 10x faster</p></a><a href="/ai-dubbing" target="_blank" class="new-design-system-variables--nnb-key-product-link w-inline-block"><div><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e085cc792e30f28a220db3_Murf%20Logos%20-%20Color%20(4).svg" alt="Murf Dubbing" class="new-design-system-variables--img-full"/></div><p class="new-design-system-variables--body-x-small new-design-system-variables--text-mid-contrast">Translate videos & audio in 20+ languages with natural voices</p></a></div></div><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">APPSÂ &Â INTEGRATIONS</p></div><div class="w-layout-grid new-design-system-variables--nnb-link-grid"><a href="/integrations/canva" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e0866969c2dbbe34295af8_Icons%20(5).svg" alt="Canva" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Canva -></p></a><a href="/integrations/google-slides" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e0866b5fe51fb54fa5c688_Icons%20(6).svg" alt="Google Slides" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Google Slides â</p></a><a href="/integrations/powerpoint" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e0866dd22c956cb24380c4_Icons%20(7).svg" alt="PowerPoint" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">PowerPoint -></p></a><a href="/integrations/adobe-captivate" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e086701ad7dee4f06b81cf_Icons%20(8).svg" alt="Adobe Captivate" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Adobe Captivate -></p></a><a href="/murf-reader" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e0867239daf58138e91f1d_Icons%20(9).svg" alt="Murf TTSÂ Reader" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Murf TTSÂ Reader -></p></a><a href="/murf-voices-for-windows-apps" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e086747089719b0509dc79_Icons%20(10).svg" alt="Voices for Windows" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-strong">Voices for Windows -></p></a></div><div><a href="/integrations" target="_blank" class="new-design-system-variables--body-strong w-inline-block"><div class="new-design-system-variables--flex-container new-design-system-variables--gap-6px"><p class="new-design-system-variables--text-gradient-1">Explore Integrations</p><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a05c377f6f52f1c0371984c_Button%20%26%20Input%20Icons%20(5).svg" alt="Explore Integrations" class="new-design-system-variables--img-full"/></div></a></div></div></div><div class="new-design-system-variables--nnb-dropdown-list-right"><div class="new-design-system-variables--flex-col-space-bet"><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">RESOURCES</p></div><div><a href="/ai-voice-generator" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">AI Voice Generator -></p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Create studio-quality voiceovers with 200+ AI voices using our AI Voice Generator</p></div><div><a href="/voice-changer" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Voice Changer -></p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Turn recordings into s
326tudio-quality voiceovers with 200+ AI voices</p></div><div><a href="/voice-cloning" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Voice Cloning -></p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Clone your voice to create accurate voiceovers for any project</p></div><div><a href="/case-studies/nestle" target="_blank" class="new-design-system-variables--nnb-other-link w-inline-block"><p class="new-design-system-variables--body-strong-small">Case Studies â</p></a><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">See how companies use Murf at scale</p></div></div><div><a href="/studio/sign-up" target="_blank" class="new-design-system-variables--body-strong w-inline-block"><div class="new-design-system-variables--flex-container new-design-system-variables--gap-6px"><p class="new-design-system-variables--text-gradient-1">Open Studio</p><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a05c37324152a567f105723_Button%20%26%20Input%20Icons%20(4).svg" alt="Get API Key " class="new-design-system-variables--img-full"/></div></a></div></div></div></nav></div></div><div class="new-design-system-variables--nnb-nav-link-wrapper"><a href="/enterprise" target="_blank" class="new-design-system-variables--nnb-link new-design-system-variables--link w-inline-block"><p class="new-design-system-variables--nnb-text">Enterprise</p></a></div><div class="new-design-system-variables--nnb-nav-link-wrapper"><div data-delay="0" data-hover="false" class="new-design-system-variables--nnb-nav-dropdown w-dropdown"><div id="nnb-resource-button" aria-label="Reources Menu" aria-controls="resources-menu" class="new-design-system-variables--nnb-nav-dropdown-btn w-dropdown-toggle"><div id="nnb-resource-text" class="new-design-system-variables--nnb-text">Resources</div><img id="nnb-resource-arrow" loading="lazy" alt="Dropdown Arrow" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e09ff578bf460ceb1757bf_S-Nav-Chevron%20(1).svg" class="new-design-system-variables--nnb-pc-dropdown-arrow"/><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5d99921b961fd19db49ef_arrow_back.svg" alt="" class="new-design-system-variables--nnb-tablet-dropdown-arrow"/><div id="resource-border-btm" class="new-design-system-variables--nnb-dropdown-border-btm new-design-system-variables--resources"></div></div><nav id="nnb-resource-menu" class="new-design-system-variables--nnb-dropdown-list w-dropdown-list"><div><div class="new-design-system-variables--nnb-resources-grid"><a id="nnb-resource-back" href="#" class="new-design-system-variables--nnb-back-btn w-node-_3f803d3e-59ec-c45a-6398-7f5178b92b26-78b929be w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e60467b0533224850bfb25_arrow_back%20(1).svg" alt="" class="new-design-system-variables--img-full"/><div class="new-design-system-variables--body-small">Back</div></a><div class="new-design-system-variables--nnb-flex-space-1"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">INITIATIVES</p></div><div class="new-design-system-variables--nnb-flex-space-4 new-design-system-variables--initiative"><a href="https://discord.gg/FbKAy96Sz7" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090d7452ba02862bb46cc_Icons%20(11).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Community -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Join builders and creators on Murf's Discord channel</p></div></a><a href="/startup-program" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090e109b625b4b8956295_Icons%20(15).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Startup Incubator â</p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Start building with credits for early-stage startups</p></div></a><a href="/partner-with-us" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090e8bd79912cc12544d9_Icons%20(18).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Partnership Program -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Partner with Murf and earn from successful referrals</p></div></a></div></div><div class="new-design-system-variables--nnb-flex-space-1"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">SUPPORTÂ & SECURITY</p></div><div class="new-design-system-variables--nnb-flex-space-4"><div class="new-design-system-variables--nnb-resource-2_col new-design-system-variables--support"><a href="https://help.murf.ai/" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090d9452ba02862bb47
32653_Icons%20(12).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Help Center -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Get support for Murf products and plans<br/>â</p></div></a><a href="/security" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090db11a3af7788216136_Icons%20(13).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Security Center -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">See how Murf safeguards your voice data</p></div></a><a href="/falcon/benchmarks" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090e3f570cb0c452d92bb_Icons%20(16).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Benchmarks -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Compare Murf performance against leading APIs.</p></div></a><a href="/ethical-ai" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090e531d1b6cf8cb4c2d2_Icons%20(17).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Ethical AI -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Learn how Murf builds AI voices responsibly</p></div></a></div></div></div><div class="new-design-system-variables--nnb-flex-space-1"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">READING</p></div><div class="new-design-system-variables--nnb-flex-space-4 new-design-system-variables--initiative"><a href="/case-studies/nestle" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090d7452ba02862bb46cc_Icons%20(11).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Case Studies -></p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Read success stories of our customers<br/>â</p></div></a><a href="/blog" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e090e8bd79912cc12544d9_Icons%20(18).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Blog â</p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Read the latest in Voice AI<br/>â</p></div></a><a href="/whitepapers" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a3111963eb15742b8dbd10f_Whitepaper.svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Whitepapers â</p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">Resources published by Murf AI around Voice AI.Read the latest in Voice AI</p></div></a><a href="/webinars" target="_blank" class="new-design-system-variables--nnb-resource-links w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/6a38d960907d3c6af1983c6e_Webinar%20(1).svg" alt="" class="new-design-system-variables--img-full"/><div><div class="new-design-system-variables--nnb-other-link"><p class="new-design-system-variables--body-strong-small">Webinars â</p></div><p class="new-design-system-variables--body-xx-small new-design-system-variables--text-mid-contrast">On-demand sessions on voice agents and voice AI</p></div></a></div></div></div></div></nav></div></div><div class="new-design-system-variables--nnb-nav-link-wrapper new-design-system-variables--no-border"><a href="/pricing" target="_blank" class="new-design-system-variables--nnb-link new-design-system-variables--link w-inline-block"><p class="new-design-system-variables--nnb-text">Pricing</p></a></div><div class="new-design-system-variables--nnb-tablet-cta_group">
326<a href="#" class="new-design-system-variables--button new-design-system-variables--nnb new-design-system-variables--for-tab w-inline-block popup-trigger"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner new-design-system-variables--nnb"><div class="new-design-system-variables--g-button-text new-design-system-variables--nnb">Book a Demo</div></div></div></a><div class="new-design-system-variables--button new-design-system-variables--nnb"><a id="navbar-mobile-login-cta" href="#login" class="new-design-system-variables--link-block-2 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner new-design-system-variables--nnb"><div class="new-design-system-variables--g-button-text new-design-system-variables--nnb">Login</div></div></div></a><a id="navbar-mobile-signup-cta" href="#signup" class="new-design-system-variables--button new-design-system-variables--nnb new-design-system-variables--primary w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner new-design-system-variables--nnb"><div class="new-design-system-variables--g-button-text new-design-system-variables--nnb">Sign Up</div></div></div></a></div><div id="navbar-mobile-signup-popup" class="new-design-system-variables--nnb-signup-popup new-design-system-variables--for-tablet"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">SIGNÂ UP</p></div><a href="https://murf.ai/studio/login?type=CREATE_ACCOUNT" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7cb15a2505d4a6a55b3fd_Product%20Logo%20and%20link%20(1).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Studio to create voiceovers</p></a><a href="https://murf.ai/api/signup" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7c76193169023709b0760_Product%20Logo%20and%20link.svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Build with Murfâs voice APIs</p></a><a href="https://dub.murf.ai/auth/signup" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7caf6690141b04d8fb6f8_Product%20Logo%20and%20link%20(2).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Dubbing to localize videos</p></a></div><div id="navbar-mobile-login-popup" class="new-design-system-variables--nnb-signup-popup new-design-system-variables--for-tablet"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">Login</p></div><a href="https://murf.ai/studio/login?type=CREATE_ACCOUNT" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7cb15a2505d4a6a55b3fd_Product%20Logo%20and%20link%20(1).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Studio to create voiceovers</p></a><a href="https://murf.ai/api/login" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7c76193169023709b0760_Product%20Logo%20and%20link.svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Build with Murfâs voice APIs</p></a><a href="https://dub.murf.ai/auth/login" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7caf6690141b04d8fb6f8_Product%20Logo%20and%20link%20(2).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Dubbing to localize videos</p></a></div></div><div class="new-design-system-variables--hide w-embed w-script">
326<script> 327(() => { 328 // Run only on touch devices 329 if (!('ontouchstart' in window || navigator.maxTouchPoints > 0)) return; 330 331 const toggleMenu = document.getElementById('nnb-nav-dropdown-wrapper'); 332 if (!toggleMenu) return; 333 334 let isTriggered = false; 335 336 document.addEventListener( 337 'click', 338 (e) => { 339 if (isTriggered) return; 340 341 const btn = e.target.closest('.nnb-back-btn'); 342 if (!btn) return; 343 344 isTriggered = true; 345 346 requestAnimationFrame(() => { 347 toggleMenu.click(); 348 isTriggered = false; 349 }); 350 }, 351 { passive: true } 352 ); 353})(); 354</script>
354</div></div></div></div><div class="new-design-system-variables--nnb-menu-right"><a id="contact-sales-cta" href="#" class="new-design-system-variables--button new-design-system-variables--nnb new-design-system-variables--cs w-inline-block popup-trigger"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner new-design-system-variables--nnb"><div class="new-design-system-variables--g-button-text new-design-system-variables--nnb">Book a Demo</div></div></div></a><div id="login-signup-cta" class="new-design-system-variables--button new-design-system-variables--nnb"><a id="navbar-login-cta" href="#login" class="new-design-system-variables--link-block w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner new-design-system-variables--nnb"><div class="new-design-system-variables--g-button-text new-design-system-variables--nnb">Login</div></div></div></a><a id="navbar-signup-cta" href="#signup" class="new-design-system-variables--button new-design-system-variables--nnb new-design-system-variables--primary w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner new-design-system-variables--nnb"><div class="new-design-system-variables--g-button-text new-design-system-variables--nnb">Sign Up</div></div></div></a></div><div id="navbar-signup-popup" class="new-design-system-variables--nnb-signup-popup"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">SIGNÂ UP</p></div><a href="https://murf.ai/studio/login?type=CREATE_ACCOUNT" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7cb15a2505d4a6a55b3fd_Product%20Logo%20and%20link%20(1).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Studio to create voiceovers</p></a><a href="https://murf.ai/api/signup" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7c76193169023709b0760_Product%20Logo%20and%20link.svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Build with Murfâs voice APIs</p></a><a href="https://dub.murf.ai/auth/signup" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7caf6690141b04d8fb6f8_Product%20Logo%20and%20link%20(2).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Dubbing to localize videos</p></a></div><div id="navbar-login-popup" class="new-design-system-variables--nnb-signup-popup"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">LOGIN</p></div><a href="https://murf.ai/studio/login?type=CREATE_ACCOUNT" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7cb15a2505d4a6a55b3fd_Product%20Logo%20and%20link%20(1).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Studio to create voiceovers</p></a><a href="https://murf.ai/api/login" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7c76193169023709b0760_Product%20Logo%20and%20link.svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Build with Murfâs voice APIs</p></a><a href="https://dub.murf.ai/auth/login" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7caf6690141b04d8fb6f8_Product%20Logo%20and%20link%20(2).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Dubbing to localize videos</p></a></div><div class="new-design-system-variables--hide w-embed w-script"><style> 355 #navbar-signup-popup, 356 #navbar-login-popup, 357 #navbar-mobile-signup-popup, 358 #navbar-mobile-login-popup { 359 opacity: 0 !important; 360 transform: translateY(-8px) !important; 361 transition: opacity 150ms ease, transform 150ms ease !important; 362 pointer-events: none !important; 363 } 364 365 #navbar-signup-popup.is-open, 366 #navbar-login-popup.is-open, 367 #navbar-mobile-signup-popup.is-open, 368 #navbar-mobile-login-popup.is-open { 369 opacity: 1 !important; 370 transform: translateY(0) !important; 371 pointer-events: all !important; 372 } 373</style> 374
375<script> 376 document.addEventListener('DOMContentLoaded', function () { 377 var popups = [ 378 { ctaId: 'navbar-signup-cta', popupId: 'navbar-signup-popup' }, 379 { ctaId: 'navbar-login-cta', popupId: 'navbar-login-popup' }, 380 { ctaId: 'navbar-mobile-signup-cta', popupId: 'navbar-mobile-signup-popup' }, 381 { ctaId: 'navbar-mobile-login-cta', popupId: 'navbar-mobile-login-popup' } 382 ].map(function (item) { 383 return { 384 cta: document.getElementById(item.ctaId), 385 popup: document.getElementById(item.popupId) 386 }; 387 }); 388 389 function openPopup(popup) { 390 if (!popup) return; 391 popup.style.setProperty('display', 'flex', 'important'); 392 requestAnimationFrame(function () { 393 requestAnimationFrame(function () { 394 popup.classList.add('is-open'); 395 }); 396 }); 397 } 398 399 function closePopup(popup) { 400 if (!popup) return; 401 popup.classList.remove('is-open'); 402 popup.addEventListener('transitionend', function handler() { 403 if (!popup.classList.contains('is-open')) { 404 popup.style.setProperty('display', 'none', 'important'); 405 } 406 popup.removeEventListener('transitionend', handler); 407 }); 408 } 409 410 function closeAll() { 411 popups.forEach(function (item) { closePopup(item.popup); }); 412 } 413 414 popups.forEach(function (item) { 415 if (item.cta) { 416 item.cta.addEventListener('click', function (e) { 417 e.stopPropagation(); 418 var isOpen = item.popup && item.popup.classList.contains('is-open'); 419 closeAll(); 420 if (!isOpen) openPopup(item.popup); 421 }); 422 } 423 424 if (item.popup) { 425 item.popup.addEventListener('click', function (e) { 426 e.stopPropagation(); 427 }); 428 } 429 }); 430 431 document.addEventListener('click', function () { closeAll(); }); 432 document.addEventListener('keydown', function (e) { 433 if (e.key === 'Escape') closeAll(); 434 }); 435 }); 436</script>
436</div><div id="nnb-toggle-menu-desktop" aria-label="Open Menu" aria-expanded="false" aria-controls="mobile-navigation" class="new-design-system-variables--nnb-menu-toggle"><img id="nnb-hamburger-desktop" loading="lazy" alt="" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5fd3d0ab9ca14f4913424_Button%20%26%20Input%20Icons%20(2).svg" class="new-design-system-variables--img-full"/><img id="nnb-close-desktop" loading="lazy" alt="" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e5fd40cf3d1d17aa1cda2d_Button%20%26%20Input%20Icons%20(3).svg" class="new-design-system-variables--nnb-toggle-menu-close"/></div><div id="navbar-cta-link-popup" class="new-design-system-variables--nnb-signup-popup new-design-system-variables--agents"><div id="nnb-small-screen-login" class="new-design-system-variables--nnb-cta-link-wrapper"><p class="new-design-system-variables--body-strong">Login -></p></div><div id="nnb-small-screen-signup" class="new-design-system-variables--nnb-cta-link-wrapper"><p class="new-design-system-variables--body-strong">Signup -></p></div><div id="nnb-small-screen-cs" class="new-design-system-variables--nnb-cta-link-wrapper new-design-system-variables--last new-design-system-variables--popup-trigger"><p class="new-design-system-variables--body-strong">Contact Sales -></p></div></div><div id="navbar-small-signup-popup" class="new-design-system-variables--nnb-signup-popup"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">SIGNÂ UP</p></div><a href="https://murf.ai/studio/login?type=CREATE_ACCOUNT" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7cb15a2505d4a6a55b3fd_Product%20Logo%20and%20link%20(1).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Studio to create voiceovers</p></a><a href="https://murf.ai/api/signup" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7c76193169023709b0760_Product%20Logo%20and%20link.svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Build with Murfâs voice APIs</p></a><a href="https://dub.murf.ai/auth/signup" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7caf6690141b04d8fb6f8_Product%20Logo%20and%20link%20(2).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Dubbing to localize videos</p></a></div><div id="navbar-small-login-popup" class="new-design-system-variables--nnb-signup-popup"><div class="new-design-system-variables--nnb-border-bottom"><p class="new-design-system-variables--nnb-section-caption">LOGIN</p></div><a href="https://murf.ai/studio/login?type=CREATE_ACCOUNT" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7cb15a2505d4a6a55b3fd_Product%20Logo%20and%20link%20(1).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Studio to create voiceovers</p></a><a href="https://murf.ai/api/login" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7c76193169023709b0760_Product%20Logo%20and%20link.svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Build with Murfâs voice APIs</p></a><a href="https://dub.murf.ai/auth/login" target="_blank" class="new-design-system-variables--nnb-signup-item w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/67bdd73ecfc24a6510bd98ae/69e7caf6690141b04d8fb6f8_Product%20Logo%20and%20link%20(2).svg" alt="" class="new-design-system-variables--img-full"/><p class="new-design-system-variables--body-xx-small">Open Dubbing to localize videos</p></a></div></div><div class="new-design-system-variables--hide w-embed w-script">
436<script> 437document.addEventListener("DOMContentLoaded", function () { 438 const menuIds = [ 439 "nnb-developer-menu", 440 "nnb-creator-menu", 441 "nnb-resource-menu", 442 "nnb-agents-menu" 443 ]; 444 const MAX_WIDTH = 1304; 445 const AGENTS_MAX_WIDTH = 964; 446 const SIDE_GUTTER = 8; 447 const AGENTS_CENTERED_BREAKPOINT = 1300; 448 449 function centerMenu(menu) { 450 if (!menu) return; 451 const isAgentsMenu = menu.id === "nnb-agents-menu"; 452 const viewportWidth = window.innerWidth || document.documentElement.clientWidth; 453 const menuMaxWidth = isAgentsMenu ? AGENTS_MAX_WIDTH : MAX_WIDTH; 454 const parent = menu.offsetParent || document.body; 455 const parentRect = parent.getBoundingClientRect(); 456 const targetWidth = Math.min(menuMaxWidth, Math.max(0, viewportWidth - SIDE_GUTTER * 2)); 457 458 // Agents menu uses centered logic below 1300px, pinned to left: 0 above 459 const leftPx = (isAgentsMenu && viewportWidth >= AGENTS_CENTERED_BREAKPOINT) 460 ? 0 461 : Math.round((viewportWidth - targetWidth) / 2 - parentRect.left); 462 463 menu.style.setProperty("position", "absolute", "important"); 464 menu.style.setProperty("width", `${targetWidth}px`, "important"); 465 menu.style.setProperty("max-width", `${menuMaxWidth}px`, "important"); 466 menu.style.setProperty("left", `${leftPx}px`, "important"); 467 menu.style.setProperty("right", "auto", "important"); 468 menu.style.setProperty("transform", "none", "important"); 469 menu.style.setProperty("margin-left", "0", "important"); 470 menu.style.setProperty("margin-right", "0", "important"); 471 menu.style.setProperty("box-sizing", "border-box", "important"); 472 menu.style.setProperty("z-index", "9999", "important"); 473 } 474 475 function centerAllMenus() { 476 menuIds.forEach((id) => { 477 const menu = document.getElementById(id); 478 if (menu) centerMenu(menu); 479 }); 480 } 481 482 function runWithReflow() { 483 requestAnimationFrame(() => { 484 centerAllMenus(); 485 requestAnimationFrame(centerAllMenus); 486 }); 487 } 488 489 runWithReflow(); 490 setTimeout(runWithReflow, 100); 491 setTimeout(runWithReflow, 300); 492 setTimeout(runWithReflow, 700); 493 window.addEventListener("resize", runWithReflow); 494 window.addEventListener("load", runWithReflow); 495 496 const observer = new MutationObserver(runWithReflow); 497 menuIds.forEach((id) => { 498 const menu = document.getElementById(id); 499 if (menu) observer.observe(menu, { attributes: true, attributeFilter: ["class", "style"] }); 500 }); 501}); 502</script>
502</div></div><div class="new-design-system-variables--hide w-embed w-script"><style> 503 #nnb-developer-arrow, 504 #nnb-creator-arrow, 505 #nnb-resource-arrow, 506 #nnb-agents-arrow{ 507 transition: transform 0.3s ease !important; 508 } 509 #nnb-creator-menu { 510 left: -160px; 511 } 512 #nnb-resource-menu { 513 left: -400px; 514 } 515 .rotate-180 { 516 transform: rotate(180deg) !important; 517 } 518 @media screen and (max-width: 991px) { 519 #nnb-creator-menu { 520 top: -132px !important; 521 left: auto !important; 522 } 523 #nnb-resource-menu { 524 top: -238px !important; 525 left: auto !important; 526 } 527 #nnb-developer-menu { 528 top: -80px !important; 529 } 530 #nnb-agents-menu { 531 top: -25px !important; 532 } 533 } 534 535 .new-design-system-variables--nnb { 536 justify-content: center !important; 537 } 538 539</style> 540 541 542
543<script> 544document.addEventListener("DOMContentLoaded", function () { 545 function setupRotation(menuId, arrowId) { 546 var menu = document.getElementById(menuId); 547 var arrow = document.getElementById(arrowId); 548 if (!menu || !arrow) return; 549 var observer = new MutationObserver(function () { 550 if (menu.classList.contains("w--open")) { 551 arrow.classList.add("rotate-180"); 552 } else { 553 arrow.classList.remove("rotate-180"); 554 } 555 }); 556 observer.observe(menu, { 557 attributes: true, 558 attributeFilter: ["class"] 559 }); 560 } 561 function setupGradientEffect(buttonId, textId, gradient, borderId) { 562 var button = document.getElementById(buttonId); 563 var text = document.getElementById(textId); 564 var border = document.getElementById(borderId); 565 if (!button || !text) return; 566 var observer = new MutationObserver(function () { 567 if (button.classList.contains("w--open")) { 568 // Gradient text 569 text.style.setProperty("background", gradient, "important"); 570 text.style.setProperty("background-image", gradient, "important"); 571 text.style.setProperty("-webkit-background-clip", "text", "important"); 572 text.style.setProperty("background-clip", "text", "important"); 573 text.style.setProperty("-webkit-text-fill-color", "transparent", "important"); 574 // Show Webflow border element (desktop only) 575 if (border && window.innerWidth >= 991) border.style.setProperty("display", "block", "important"); 576 /* COMMENTED OUT: Gradient border bottom via CSS properties 577 button.style.setProperty("box-shadow", "0 4px 0 0 transparent", "important"); 578 button.style.setProperty("border-bottom", "4px solid transparent", "important"); 579 button.style.setProperty("border-image", gradient + " 1", "important"); 580 button.style.setProperty("border-image-slice", "1", "important"); 581 */ 582 } else { 583 // Reset text 584 text.style.removeProperty("background"); 585 text.style.removeProperty("background-image"); 586 text.style.removeProperty("-webkit-background-clip"); 587 text.style.removeProperty("background-clip"); 588 text.style.removeProperty("-webkit-text-fill-color"); 589 // Hide Webflow border element 590 if (border) border.style.removeProperty("display"); 591 /* COMMENTED OUT: Reset border CSS properties 592 button.style.removeProperty("border-bottom"); 593 button.style.removeProperty("border-image"); 594 button.style.removeProperty("border-image-slice"); 595 button.style.removeProperty("box-shadow"); 596 */ 597 } 598 }); 599 observer.observe(button, { 600 attributes: true, 601 attributeFilter: ["class"] 602 }); 603 } 604 setupRotation("nnb-developer-menu", "nnb-developer-arrow"); 605 setupRotation("nnb-creator-menu", "nnb-creator-arrow"); 606 setupRotation("nnb-resource-menu", "nnb-resource-arrow"); 607 setupRotation("nnb-agents-menu", "nnb-agents-arrow"); 608 setupGradientEffect( 609 "nnb-agents-button", 610 "nnb-agents-text", 611 "linear-gradient(270deg, #735DFF 0%, #C516E1 100%)", 612 "agents-border-btm" 613 ); 614 setupGradientEffect( 615 "nnb-developer-button", 616 "nnb-developer-text", 617 "linear-gradient(90deg, #735DFF 0%, #DAABFF 100%)", 618 "developer-border-btm" 619 ); 620 setupGradientEffect( 621 "nnb-creator-button", 622 "nnb-creator-text", 623 "linear-gradient(90deg, #FF5E3B 0%, #C516E1 100%)", 624 "creator-border-btm" 625 ); 626 setupGradientEffect( 627 "nnb-resource-button", 628 "nnb-resource-text", 629 "linear-gradient(90deg, #FFD522 0.13%, #E81DB8 50%, #735DFF 99.87%)", 630 "resource-border-btm" 631 ); 632}); 633</script>
633 634 635 636 637 638<style> 639@media screen and (min-width: 992px) and (max-width: 1293px) { 640 #login-signup-cta { 641 display: none !important; 642 } 643 #login-signup-cta { 644 display: none !important;contact-sales-cta 645 } 646 #contact-sales-cta { 647 display: none !important; 648 } 649 #nnb-toggle-menu-desktop { 650 display: block !important; 651 } 652 #navbar-small-signup-popup { 653 left: -218px !important; 654 } 655 #navbar-small-login-popup { 656 left: -218px !important; 657 } 658} 659 660</style>
661<script> 662document.addEventListener("DOMContentLoaded", function () { 663 const toggleBtn = document.getElementById("nnb-toggle-menu-desktop"); 664 const popup = document.getElementById("navbar-cta-link-popup"); 665 const hamburger = document.getElementById("nnb-hamburger-desktop"); 666 const closeIcon = document.getElementById("nnb-close-desktop"); 667 if (!toggleBtn || !popup || !hamburger || !closeIcon) return; 668 669 // Tracks which popup is active: null | "main" | "login" | "signup" 670 let activePopup = null; 671 672 function isDesktopPopupRange() { 673 return window.innerWidth >= 992 && window.innerWidth <= 1293; 674 } 675 676 // --- Toggle icon helpers --- 677 function showCloseIcon() { 678 hamburger.style.setProperty("display", "none", "important"); 679 closeIcon.style.setProperty("display", "block", "important"); 680 } 681 function showHamburger() { 682 hamburger.style.setProperty("display", "block", "important"); 683 closeIcon.style.setProperty("display", "none", "important"); 684 } 685 686 // --- Secondary popup helpers --- 687 function openSecondaryPopup(id) { 688 const el = document.getElementById(id); 689 if (el) { 690 el.style.setProperty("display", "flex", "important"); 691 el.style.setProperty("opacity", "1", "important"); 692 } 693 } 694 function closeSecondaryPopup(id) { 695 const el = document.getElementById(id); 696 if (el) { 697 el.style.setProperty("display", "none", "important"); 698 el.style.setProperty("opacity", "0", "important"); 699 } 700 } 701 702 // --- Core open/close for main popup --- 703 function openMainPopup() { 704 if (!isDesktopPopupRange()) return; 705 closeSecondaryPopup("navbar-small-login-popup"); 706 closeSecondaryPopup("navbar-small-signup-popup"); 707 popup.style.setProperty("display", "flex", "important"); 708 popup.style.setProperty("opacity", "1", "important"); 709 showCloseIcon(); 710 activePopup = "main"; 711 } 712 713 function closeAll() { 714 popup.style.setProperty("display", "none", "important"); 715 popup.style.setProperty("opacity", "0", "important"); 716 closeSecondaryPopup("navbar-small-login-popup"); 717 closeSecondaryPopup("navbar-small-signup-popup"); 718 showHamburger(); 719 activePopup = null; 720 } 721 722 // Open a secondary popup: hide main, keep close icon visible 723 function openSecondary(type) { 724 if (!isDesktopPopupRange()) return; 725 popup.style.setProperty("display", "none", "important"); 726 popup.style.setProperty("opacity", "0", "important"); 727 closeSecondaryPopup(type === "login" ? "navbar-small-signup-popup" : "navbar-small-login-popup"); 728 openSecondaryPopup(type === "login" ? "navbar-small-login-popup" : "navbar-small-signup-popup"); 729 showCloseIcon(); // toggle visually stays "open" 730 activePopup = type; 731 } 732 733 // --- Toggle button --- 734 toggleBtn.addEventListener("click", function (e) { 735 e.stopPropagation(); 736 if (activePopup === "main") { 737 closeAll(); 738 } else { 739 // Covers: activePopup === null, "login", or "signup" 740 openMainPopup(); 741 } 742 }); 743 744 // Prevent clicks inside any popup from bubbling to document 745 [popup, "navbar-small-login-popup", "navbar-small-signup-popup"].forEach(function (item) { 746 const el = typeof item === "string" ? document.getElementById(item) : item; 747 if (el) el.addEventListener("click", function (e) { e.stopPropagation(); }); 748 }); 749 750 // Outside click â close everything 751 document.addEventListener("click", function (e) { 752 if (activePopup && !toggleBtn.contains(e.target)) { 753 closeAll(); 754 } 755 }); 756 757 // Escape â close everything 758 document.addEventListener("keydown", function (e) { 759 if (e.key === "Escape" && activePopup) closeAll(); 760 }); 761 762 // Resize â close everything if out of range 763 window.addEventListener("resize", function () { 764 if (!isDesktopPopupRange() && activePopup) closeAll(); 765 }); 766 767 // Small screen login 768 const smallScreenLogin = document.getElementById("nnb-small-screen-login"); 769 if (smallScreenLogin) { 770 smallScreenLogin.addEventListener("click", function (e) { 771 e.stopPropagation(); 772 openSecondary("login"); 773 }); 774 } 775 776 // Small screen signup 777 const smallScreenSignup = document.getElementById("nnb-small-screen-signup"); 778 if (smallScreenSignup) { 779 smallScreenSignup.addEventListener("click", function (e) { 780 e.stopPropagation(); 781 openSecondary("signup"); 782 }); 783 } 784 785 // Small screen CS â close everything 786 const smallScreenCs = document.getElementById("nnb-small-screen-cs"); 787 if (smallScreenCs) { 788 smallScreenCs.addEventListener("click", function () { 789 closeAll(); 790 }); 791 } 792 793 // Init 794 closeAll(); 795}); 796</script>
796 797 798 799 800 801 802
803<script> 804(function () { 805 if (window.innerWidth > 991) return; 806 807 var dropdownLists = document.querySelectorAll('.nnb-dropdown-list.w-dropdown-list'); 808 var navWrapper = document.querySelector('.nnb-nav-dropdown-wrapper'); 809 810 if (!dropdownLists.length || !navWrapper) return; 811 812 var observers = []; 813 814 function checkAnyOpen() { 815 var anyOpen = false; 816 dropdownLists.forEach(function (el) { 817 if (el.classList.contains('w--open')) anyOpen = true; 818 }); 819 if (anyOpen) { 820 navWrapper.style.paddingLeft = '0'; 821 navWrapper.style.paddingRight = '0'; 822 navWrapper.style.width = '80%'; 823 } else { 824 navWrapper.style.paddingLeft = ''; 825 navWrapper.style.paddingRight = ''; 826 navWrapper.style.width = ''; 827 } 828 } 829 830 dropdownLists.forEach(function (el) { 831 var obs = new MutationObserver(checkAnyOpen); 832 obs.observe(el, { attributes: true, attributeFilter: ['class'] }); 833 observers.push(obs); 834 }); 835 836 function handleResize() { 837 if (window.innerWidth > 991) { 838 navWrapper.style.paddingLeft = ''; 839 navWrapper.style.paddingRight = ''; 840 navWrapper.style.width = ''; 841 observers.forEach(function (obs) { obs.disconnect(); }); 842 window.removeEventListener('resize', handleResize); 843 } 844 } 845 846 window.addEventListener('resize', handleResize); 847})(); 848</script>
848 849 850 851 852<style> 853 @media screen and (min-width: 992px) and (max-width: 1240px) { 854 .nnb-key-products { 855 flex-flow: column !important; 856 } 857 858 .nnb-dopdown-list-left { 859 width: 100% !important; 860 } 861 } 862</style></div></div></nav></div></div><div class="main-wrapper"><section class="section_hero"><div class="home_v2-hero-bg new with-tool"></div><div class="home-hero"><div class="padding-global"><div class="text-align-center"><h1 class="heading-style-h2 text-high-contrast"><span><strong class="gradients-primary-1-text">Build AI Voice Experiences <br/></strong></span><span class="heading-style-h2"><strong>That Are Natural, Scalable & Efficient</strong></span></h1><div class="margin-top margin-small"><div class="container-medium"><p class="subheading-small text-mid-contrast">Build production-ready conversational agents, power real-time conversations with the fastest TTS API, and create customizable AI voiceovers on a platform trusted by 10 million+ developers, businesses, and creators.<br/></p></div></div></div><div class="margin-top margin-medium custom-padding"><div class="hero-cta-button-holder hero-cta-mobile custom"><a data-wf--new-design-system-variables--button--variant="secondary-dark" href="https://murf.ai/studio" class="new-design-system-variables--button w-variant-117086e5-0a04-ea62-6fe2-264a1780db52 w-inline-block button-full"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner w-variant-117086e5-0a04-ea62-6fe2-264a1780db52"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697340d11695e1495b97a193_Left%20-%20Button%20Icons.svg" loading="lazy" alt="" class="new-design-system-variables--g-button-icon"/><div class="new-design-system-variables--g-button-text">Open Studio</div></div></div></a><a data-wf--new-design-system-variables--button--variant="primary" href="https://murf.ai/api/signup" class="new-design-system-variables--button w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191 w-inline-block button-full"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697340ed6d5471143d9a9dcb_Left%20-%20Button%20Icons%20(2).svg" loading="lazy" alt="" class="new-design-system-variables--g-button-icon"/><div class="new-design-system-variables--g-button-text w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191">Explore API</div></div></div></a><div class="hide w-embed"><style> 863.button-full { 864 width: 192px !important; 865 display: flex !important; 866 align-items: center !important; 867 justify-content: center !important; 868 text-align: center !important; 869} 870 871@media screen and (max-width: 991px) { 872 873 .w-layout-vflex { 874 width: 100%} 875} 876 877 878@media screen and (max-width: 767px) { 879 .button-full { 880 width: 320px !important; 881 } 882 883 .w-layout-vflex { 884 width: 100%} 885} 886 887 888</style></div></div></div></div><div class="padding-global"><div class="margin-vertical margin-large flex-center-div custom-padding"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69738af84771c4f0fcecb826_Line%20313.webp" loading="lazy" width="768" height="1" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69738af84771c4f0fcecb826_Line%20313-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69738af84771c4f0fcecb826_Line%20313-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69738af84771c4f0fcecb826_Line%20313-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69738af84771c4f0fcecb826_Line%20313.webp 1536w" sizes="(max-width: 767px) 100vw, 768px"/></div><div class="text-align-center"><div class="text-mid-contrast">Do you have a specific requirement? </div><div class="margin-top margin-xsmall"><div class="button-group justify-center"><a id="hero-btn-4" data-wf--new-design-system-variables--button--variant="tertiary-dark" href="#" class="new-design-system-variables--button w-variant-05d13970-c50e-a949-8707-e6e286ad340b w-inline-block popup-trigger button-full"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970cf58430d6beade212a5d_svgviewer-output%20(1).svg" loading="lazy" alt="" class="new-design-system-variables--g-button-icon"/><div class="new-design-system-variables--g-button-text">Contact Sales</div></div></div></a></div></div></div><div class="wrapper_home-tool"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69aeb554f0bc1ced8159b97c_Tool%20Shadow.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69aeb554f0bc1ced8159b97c_Tool%20Shadow-
888p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69aeb554f0bc1ced8159b97c_Tool%20Shadow-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69aeb554f0bc1ced8159b97c_Tool%20Shadow-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69aeb554f0bc1ced8159b97c_Tool%20Shadow-p-1600.webp 1600w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69aeb554f0bc1ced8159b97c_Tool%20Shadow.webp 1920w" alt="" class="gradient_home-tool"/><code-island data-loader="{"tag":"FEDERATION","val":{"clientModuleUrl":"https://code-components.website-files.com/6ab27752cb86cf46444b7c9c%2Fmodule%2Fwf-manifest.json","moduleId":"_6ab27752cb86cf46444b7c9c","submoduleId":"toolhub","exportPath":"default","serverModuleUrl":"_"}}" data-props="{}" data-slots="[]" data-hydrate="true" data-webflow-context="{"mode":"publish","interactive":true,"locale":"en"}" data-interactive="true" style="display:contents"><template shadowrootmode="open"><link rel="stylesheet" type="text/css" href="https://code-components.website-files.com/6ab27752cb86cf46444b7c9c%2Fmodule%2Fe43fa522d09e60a440b0.css"/><link rel="stylesheet" type="text/css" href="https://code-components.website-files.com/6ab27752cb86cf46444b7c9c%2Fmodule%2Fdddfcec50f6d5de633bb.css"/><div data-root="true" style="display:contents"><div class="flex flex-col items-start w-[348px] h-[804px] p-2 gap-1 rounded-[27px] md:w-[720px] md:h-[772px] md:p-3 md:gap-2 md:rounded-[36px] lg:w-[1300px] lg:h-[715px] lg:p-4 lg:gap-2 lg:rounded-[40px] tool-hub p-2 md:p-3 lg:p-4 " style="border:1px solid #FFF;background:linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), linear-gradient(250deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.01) 100%);backdrop-filter:blur(20px);max-width:1300px">
888<div class="flex flex-wrap items-start gap-1 md:gap-2 self-stretch flex-shrink-0 tool-hub-tabs tool-hub-tabs-wrap tool-hub-tabs-shift-enabled"><button class="inline-flex items-center rounded-[40px] cursor-pointer whitespace-nowrap transition-[color,border-color,padding,margin,border-radius,opacity,transform] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] px-3 py-[10px] md:px-4 md:py-3 bg-white border-0 body-strong text-high tab-roundout-active relative z-10">TTS for Agents</button><button class="inline-flex items-center rounded-[40px] cursor-pointer whitespace-nowrap transition-[color,border-color,padding,margin,border-radius,opacity,transform] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] px-3 py-[10px] md:px-4 md:py-3 border border-white text-mid relative z-10" style="background:linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), linear-gradient(250deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.03) 100%)">TTS for Content<svg class="tab-scoop tab-scoop-left tab-scoop-hidden" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M32 0L52.6721 31.5003C52.886 31.8263 53 32.2077 53 32.5976V52C53 53.1046 52.1046 54 51 54H33.1133C32.7136 54 32.3231 53.8803 31.9921 53.6562L0 32C17.6731 32 32 17.6731 32 0Z" class="tab-scoop-fill"></path></svg><svg class="tab-scoop tab-scoop-right tab-scoop-hidden" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M21 0L0.327905 31.5003C0.113976 31.8263 0 32.2077 0 32.5976V52C0 53.1046 0.89543 54 2 54H19.8867C20.2864 54 20.6769 53.8803 21.0079 53.6562L53 32C35.3269 32 21 17.6731 21 0Z" class="tab-scoop-fill"></path></svg></button><button class="inline-flex items-center rounded-[40px] cursor-pointer whitespace-nowrap transition-[color,border-color,padding,margin,border-radius,opacity,transform] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] px-3 py-[10px] md:px-4 md:py-3 border border-white text-mid relative z-10" style="background:linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), linear-gradient(250deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.03) 100%)">Dubbing<svg class="tab-scoop tab-scoop-left tab-scoop-hidden" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M32 0L52.6721 31.5003C52.886 31.8263 53 32.2077 53 32.5976V52C53 53.1046 52.1046 54 51 54H33.1133C32.7136 54 32.3231 53.8803 31.9921 53.6562L0 32C17.6731 32 32 17.6731 32 0Z" class="tab-scoop-fill"></path></svg><svg class="tab-scoop tab-scoop-right tab-scoop-hidden" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M21 0L0.327905 31.5003C0.113976 31.8263 0 32.2077 0 32.5976V52C0 53.1046 0.89543 54 2 54H19.8867C20.2864 54 20.6769 53.8803 21.0079 53.6562L53 32C35.3269 32 21 17.6731 21 0Z" class="tab-scoop-fill"></path></svg></button><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/699eb829546d68173ba55b57_falcon_brand_for-tool.svg" alt="falcon logo" class="brand-logo tool-hub-brand-logo" draggable="false"/></div><div class="tool-hub-content tool-hub-content-first"><div class="tool-hub-panel tool-hub-panel-active"><div class="flex flex-col flex-1 self-stretch h-[520px] md:h-[543px] lg:h-[543px] p-2 gap-2 rounded-[24px] bg-base-0 "><div class="relative flex items-center gap-3 p-2 justify-start self-stretch overflow-x-auto scrollbar-hide"><button class="relative z-10 inline-flex items-center gap-2 text-center cursor-pointer px-4 py-2 rounded-[87.063px] flex-shrink-0 body-strong text-inverted-high">All Agents</button><button class="relative z-10 inline-flex items-center gap-2 text-center cursor-pointer px-4 py-2 rounded-[87.063px] flex-shrink-0 body-strong toggle-btn-inactive">Customer Support</button><button class="relative z-10 inline-flex items-center gap-2 text-center cursor-pointer px-4 py-2 rounded-[87.063px] flex-shrink-0 body-strong toggle-btn-inactive">Reservations</button><button class="relative z-10 inline-flex items-center gap-2 text-center cursor-pointer px-4 py-2 rounded-[87.063px] flex-shrink-0 body-strong toggle-btn-inactive">Sales</button></div><div class="va-crossfade flex flex-1 w-full flex-col lg:flex-row px-4 items-center lg:justify-center gap-4 lg:gap-6 "><div class="order-2 lg:order-none flex w-full max-w-[420px] lg:min-w-[280px] flex-col justify-center items-center gap-4 lg:flex-[1_0_0]"><div class="va-dropdown-pill flex h-[53px] w-full max-w-[290px] py-[14px] px-1 items-center gap-2 rounded-xl bg-level-n relative cursor-pointer z-[1000] transition-all duration-300"><button class="va-dropdown-nav-btn flex items-center justify-center w-8 h-8 border-none rounded-lg cursor-pointer transition-all duration-300 relative z-[1001] hover:scale-105 hover:bg-object-faint" style="background:transparent"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left text-[#A491C6]" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex-1 flex items-center gap-2 justify-center py-2 px-2 rounded-lg cursor-pointer transition-colors duration-300 hover:bg-object-faint text-high" style="font-family:var(--font-body-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height)"><div class="w-6 h-6 rounded-sm overflow-hidden flex-shrink-0"><img src="https://murf.ai/public-assets/countries/us-canada.svg" alt="English (US)" loading="lazy" class="h-full object-cover"/>
888</div><span>English (US)</span></div><button class="va-dropdown-nav-btn flex items-center justify-center w-8 h-8 border-none rounded-lg cursor-pointer transition-all duration-300 relative z-[1001] hover:scale-105 hover:bg-object-faint" style="background:transparent;transform:scaleX(-1)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left text-[#A491C6]" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="absolute top-full left-0 right-0 mt-2 z-[999999999] max-h-60 overflow-auto dropdown-menu-glass scrollbar-hide origin-top transition-[opacity,transform,visibility] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] opacity-0 invisible -translate-y-1 scale-95 pointer-events-none"><div class="w-full px-1 py-1 pl-1 pr-3 cursor-pointer flex items-center gap-2 dropdown-item-active"><div class="flex w-8 h-8 p-0.5 justify-center items-center flex-shrink-0"><img src="https://murf.ai/public-assets/countries/us-canada.svg" alt="English (US)" loading="lazy" class="w-full h-full object-contain"/></div><span class="flex-1 dropdown-text text-high">English (US)</span><div class="flex items-center justify-center w-[22.22px] h-[22.22px] flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-[rgba(66,32,138,0.49)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="w-full px-1 py-1 pl-1 pr-3 cursor-pointer flex items-center gap-2 dropdown-item"><div class="flex w-8 h-8 p-0.5 justify-center items-center flex-shrink-0"><img src="https://murf.ai/public-assets/countries/uk.svg" alt="English (UK)" loading="lazy" class="w-full h-full object-contain"/></div><span class="flex-1 dropdown-text text-high">English (UK)</span></div><div class="w-full px-1 py-1 pl-1 pr-3 cursor-pointer flex items-center gap-2 dropdown-item"><div class="flex w-8 h-8 p-0.5 justify-center items-center flex-shrink-0"><img src="https://murf.ai/public-assets/countries/india.svg" alt="English (India)" loading="lazy" class="w-full h-full object-contain"/></div><span class="flex-1 dropdown-text text-high">English (India)</span></div><div class="w-full px-1 py-1 pl-1 pr-3 cursor-pointer flex items-center gap-2 dropdown-item"><div class="flex w-8 h-8 p-0.5 justify-center items-center flex-shrink-0"><img src="https://murf.ai/public-assets/countries/india.svg" alt="Hindi (India)" loading="lazy" class="w-full h-full object-contain"/></div><span class="flex-1 dropdown-text text-high">Hindi (India)</span></div></div></div><div class="flex w-full max-w-[290px] flex-col items-center"><button class="inline-flex justify-center items-center text-center text-white font-semibold tracking-normal transition-all cursor-pointer px-6 py-[11px] rounded-[11px] text-sm leading-5 gap-3 md:px-[27px] md:py-[13px] md:rounded-[13px] md:text-base md:leading-[22px] lg:px-[30px] lg:py-[14px] lg:rounded-[14px] lg:text-lg lg:leading-[25px] shadow-[0_6px_20px_0_rgba(238,33,122,0.40)] hover:shadow-[0_8px_32px_0_rgba(238,33,122,0.50)] button-full w-full va-call-agent-btn" style="background:linear-gradient(0deg, rgba(255, 20, 20, 0.20) 0%, rgba(255, 20, 20, 0.20) 100%), linear-gradient(90deg, #FC6337 0%, #C516E1 100%)"><span class="w-[14px] h-[14px] md:w-4 md:h-4 lg:w-4 lg:h-4 flex-shrink-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone-call va-call-agent-icon text-[#FFE3E9]" aria-hidden="true"><path d="M13 2a9 9 0 0 1 9 9"></path><path d="M13 6a5 5 0 0 1 5 5"></path><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></span><span>Call <!-- -->Kim</span></button></div></div><div class="order-1 lg:order-none overflow-hidden w-full lg:w-[700px] flex min-w-0 flex-col items-center gap-2 va-slider-fade "><div class="va-carousel-wrapper"><div class="va-carousel-inner"><div class="flex justify-center items-center h-[280px] gap-5 relative w-full max-w-[620px] mx-auto"><div class="va-carousel-container relative w-[620px] h-[280px] overflow-hidden flex-shrink-0 flex justify-center items-center mx-auto" style="transform-style:preserve-3d"><button class="va-agent-nav-btn flex items-center justify-center w-10 h-10 gap-3 border-none rounded-[29.231px] cursor-pointer transition-all duration-300 relative z-10 hover:bg-[rgba(245,243,249,0.2)
888]" style="background:rgba(245,243,249,0.1);backdrop-filter:blur(6px);position:absolute;margin-right:450px"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left text-[#FFEDF4]" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button><div class="va-carousel relative w-4/5 h-full flex justify-center items-center " style="transform-style:preserve-3d"><div class="va-card va-card-active absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(0px, 0, 0px) scale(1);width:200px;height:256px;filter:blur(0px);z-index:7;opacity:1;border-radius:10.165px;background-image:url('https://murf.ai/public-assets/va-avatars/kim-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Kim</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/us-canada.svg" alt="English (US)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Customer Support Agent</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Friendly</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Calm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(110px, 0, -40px) scale(0.8);width:200px;height:256px;filter:blur(1.4px);z-index:6;opacity:1;border-radius:22px;background-image:url('https://murf.ai/public-assets/va-avatars/nelson-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Nelson</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/us-canada.svg" alt="English (US)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Reservation Assistant</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Professional</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Warm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(180px, 0, -80px) scale(0.6);width:200px;height:256px;filter:blur(2.7px);z-index:5;opacity:1;border-radius:21px;background-image:url('https://murf.ai/public-assets/va-avatars/benedict-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Benedict</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/uk.svg" alt="English (UK)" loading="lazy" class="h-full object-cover"/>
888</div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Reservation Assistant</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Professional</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Warm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(210px, 0, -120px) scale(0.5);width:200px;height:256px;filter:blur(4.5px);z-index:4;opacity:1;border-radius:18px;background-image:url('https://murf.ai/public-assets/va-avatars/gemma-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Gemma</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/uk.svg" alt="English (UK)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Customer Support Agent</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Friendly</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Calm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(0px, 0, -160px) scale(0.3);width:200px;height:256px;filter:blur(0px);z-index:1;opacity:0;border-radius:10.165px;background-image:url('https://murf.ai/public-assets/va-avatars/neha-avatar.webp');pointer-events:none"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Neha</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/india.svg" alt="English (India)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Reservation Assistant</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Professional</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Warm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(0px, 0, -160px) scale(0.3);width:200px;height:256px;filter:blur(0px);z-index:1;opacity:0;border-radius:10.165px;background-image:url('https://murf.ai/public-assets/va-avatars/vyom-avatar.webp');pointer-events:none"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Vyom</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/india.svg" alt="English (India)" loading="lazy" class="h-full object-cover"/>
888</div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Sales Agent</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Conversational</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Friendly</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(-210px, 0, -120px) scale(0.5);width:200px;height:256px;filter:blur(4.5px);z-index:4;opacity:1;border-radius:18px;background-image:url('https://murf.ai/public-assets/va-avatars/reeva-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Reeva</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/india.svg" alt="English (India)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Customer Support Agent</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Friendly</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Calm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(-180px, 0, -80px) scale(0.6);width:200px;height:256px;filter:blur(2.7px);z-index:5;opacity:1;border-radius:21px;background-image:url('https://murf.ai/public-assets/va-avatars/arnav-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Arnav</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/india.svg" alt="Hindi (India)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Reservation Assistant</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Professional</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Warm</span></div></div></div><div class="va-card absolute flex flex-col justify-end items-center gap-2 text-white cursor-pointer bg-cover bg-top bg-no-repeat box-border overflow-hidden" style="transform:translate3d(-110px, 0, -40px) scale(0.8);width:200px;height:256px;filter:blur(1.4px);z-index:6;opacity:1;border-radius:22px;background-image:url('
888https://murf.ai/public-assets/va-avatars/anvi-avatar.webp');pointer-events:auto"><div class="w-full relative z-[2] box-border p-3" style="background:linear-gradient(transparent, rgba(0,0,0,0.7))"><div class="flex items-center gap-2 mb-1"><span class="text-white font-semibold" style="font-family:"Roboto Flex", sans-serif;font-size:18px;line-height:21px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Anvi</span><div class="w-6 h-6 rounded-sm overflow-hidden"><img src="https://murf.ai/public-assets/countries/india.svg" alt="Hindi (India)" loading="lazy" class="h-full object-cover"/></div></div><div class="text-white mb-2" style="font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,0.8)">Customer Support Agent</div><div class="flex gap-1"><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Friendly</span><span class="flex h-6 px-2 items-center rounded-full text-[10px] font-medium leading-[14px]" style="background:rgba(197, 192, 209, 0.14);color:#F1F0F5;font-family:"Inter", sans-serif">Calm</span></div></div></div></div><button class="va-agent-nav-btn flex items-center justify-center w-10 h-10 gap-3 border-none rounded-[29.231px] cursor-pointer transition-all duration-300 relative z-10 hover:bg-[rgba(245,243,249,0.2)]" style="background:rgba(245,243,249,0.1);backdrop-filter:blur(6px);transform:scaleX(-1);position:absolute;margin-right:-450px"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left text-[#FFEDF4]" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button></div></div></div></div></div></div></div></div></div><div class="tool-hub-footer"><div class="tool-hub-footer-text-block"><p class="text-high">Build ultra-fast, expressive, and scalable <a href="https://murf.ai/ai-voice-agent" target="_blank" rel="noopener noreferrer" class="tool-hub-cta-link body-strong" style="display:inline-flex;vertical-align:top">Voice Agents<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="flex-shrink-0"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 1C3 0.447715 3.44772 0 4 0H11C11.5523 0 12 0.447715 12 1V8C12 8.55228 11.5523 9 11 9C10.4477 9 10 8.55228 10 8V3.41421L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L8.58579 2H4C3.44772 2 3 1.55228 3 1Z" fill="url(#paint0_linear_arrow)"></path><defs><linearGradient id="paint0_linear_arrow" x1="0" y1="6" x2="12" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5E3B"></stop><stop offset="1" stop-color="#C516E1"></stop></linearGradient></defs></svg></a></p></div></div></div></div></template></code-island></div></div></div></section><div class="padding-top"><div class="padding-top custom-padding"></div></div><section class="section_template bg-gradient home"><div class="padding-global"><div class="container-large"><div class="text-align-center"><div class="subheading text-mid-contrast">The solution of choice for â300+Â Forbes 2000 companies</div></div><div class="padding-section-medium custom"><div id="tst-slider" class="flex-container for-home"><div class="img-wrapper"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69662f9dfe06c104caf23bcb_Frame%201171284842.webp" loading="lazy" alt="" class="img-full hide-desktop hide-mobile-portrait hide-mobile-landscape"/><img class="img-full" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1bdff1774cb99281af78_Frame%201171284842.webp" width="Auto" height="Auto" alt="" sizes="100vw" id="img-tst" loading="lazy" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1bdff1774cb99281af78_Frame%201171284842-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1bdff1774cb99281af78_Frame%201171284842.webp 1064w"/></div><div class="padding-horizontal padding-xxlarge hide-mobile-landscape hide-mobile-portrait tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69410e2bb50a5a50fd7672a5_Line%20300.webp" loading="lazy" alt="" height="Auto" class="seperator"/></div><div id="seperator" class="padding-vertical padding-xlarge hide-
888desktop"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp 656w" alt=""/></div><div id="tst-block" class="testimonal-container"><div id="cnt-1" class="margin-top for-tab"><div class="flex-container align-middle"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6971ff4f505087214f736ffd_Group%201171284812.png" loading="lazy" alt="" class="icon-height-medium"/></div><div class="margin-top margin-medium tablet"><div class="tst-wrapper"><p class="body-large">âItâs an indispensable tool for any learning designer who prioritizes their audience, searching to create a valuable learner experience.â</p></div></div><div class="margin-top margin-custom1 tablet"><div class="body-strong-medium text-color-pink">Alexandra Margu</div></div><div class="margin-top margin-xsmall"><p class="text-color-gray">IT Product Owner, Nestle </p></div></div><div id="hide2" class="hide"><div id="cnt-2" class="margin-top for-tab"><div class="flex-container align-middle"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6989bb812b49b10e5bcf8480_Logo%20Wrapper.webp" loading="lazy" alt="" class="icon-height-medium"/></div><div class="margin-top margin-medium tablet"><div class="tst-wrapper"><p class="body-large">âThe platform's features like API integration have optimized our production process, reducing both time and costs associated with producing high-quality audio content.â<br/></p></div></div><div class="margin-top margin-custom1 tablet"><div class="body-strong-medium text-color-pink">Dominique Escoubet</div></div><div class="margin-top margin-xsmall"><p class="text-color-gray">Project Manager, Air France</p></div></div></div><div id="hide3" class="hide"><div id="cnt-3" class="margin-top for-tab"><div class="flex-container align-middle"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6971ff4fa7f3ce6e4b8cf26c_Vertiv_logo.svg%20(1)%202.png" loading="lazy" alt="" class="icon-height-medium"/></div><div class="margin-top margin-medium tablet"><div class="tst-wrapper"><p class="body-large">âYou don't just get excellent technology - you get a partner that goes above and beyond. Service doesn't end with the sale, which is rare to find today.â<br/></p></div></div><div class="margin-top margin-custom1 tablet"><div class="body-strong-medium text-color-pink">Thomas Nguyen</div></div><div class="margin-top margin-xsmall"><p class="text-color-gray">Curriculum Designer, Vertiv</p></div></div></div><div id="hide4" class="hide"><div id="cnt-4" class="margin-top for-tab"><div class="flex-container align-middle"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6971ff4ffc9e44623dd6c03f_Omnicom_Production_logo%20(1)-Photoroom%201.png" loading="lazy" alt="" class="icon-height-medium"/></div><div class="margin-top margin-medium tablet"><div class="tst-wrapper"><p class="body-large">âSomething we really like about Murf AI is the transparency and openness to tell us exactly how the models have been trained.â </p></div></div><div class="margin-top margin-custom1 tablet"><div class="body-strong-medium text-color-pink">Jonathan Leck</div></div><div class="margin-top margin-xsmall"><p class="text-color-gray">Global Director of Digital Innovation, Omnicom Production</p></div></div></div><div id="hide5" class="hide"><div id="cnt-5" class="margin-top for-tab"><div class="flex-container align-middle"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6971ff4f4b94d7a4637563d1_Frame%201171284929.png" loading="lazy" alt="" class="icon-height-medium"/></div><div class="margin-top margin-medium tablet"><div class="tst-wrapper"><p class="body-large">âWe can create Spanish versions of our English videos instantly. Spanish voices that we have tested and vetted sound great.â</p></div></div><div class="margin-top margin-custom1 tablet"><div class="body-strong-medium text-color-pink">Frank Byers</div></div><div class="margin-top margin-xsmall"><p class="text-color-gray">President & CEO, AgriSphere</p></div></div></div><div id="hide6" class="hide"><div id="cnt-6" class="margin-top for-tab"><div class="flex-container align-middle"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6971ff4fb6295dad1af5ed73_Thinkproject_1932b1847c%201.png" loading="lazy" alt="" class="icon-height-medium"/></div><div class="margin-top margin-medium tablet"><div class="tst-wrapper"><p class="body-large">"We ran an interesting exercise with Murf voices. People had to guess which was real and which was AI and no one could tell!â</p></div></div><div class="margin-top margin-custom1 tablet"><div class="body-strong-medium text-color-pink">Mandie Coetzee</div></div><div class="margin-top margin-xsmall"><p class="text-color-gray">Academy Manager, Thinkproject<br/></p></div></div></div><div class="margin-top tablet-only"><div class="w-embed w-script"><style> 889 /* Parent container */ 890 .Testimonal-Container { 891 position: relative; 892 } 893 894 /* Smooth crossfade slide animation */ 895 @keyframes slideInRight { 896 0% { 897 opacity: 0; 898 transform: translateX(12px); 899 } 900 40% { 901 opacity: 0.5; 902 } 903 100% { 904 opacity: 1; 905 transform: translateX(0); 906 } 907 } 908 909 @keyframes slideInLeft { 910 0% { 911 opacity: 0; 912 transform: translateX(-12px); 913 } 914 40% { 915 opacity: 0.5; 916 } 917 100% { 918 opacity: 1; 919 transform: translateX(0); 920 } 921 } 922 923 /* Content slides - hidden by default */ 924 #cnt-1, #cnt-2, #cnt-3, #cnt-4, #cnt-5, #cnt-6 { 925 opacity: 0; 926 position: absolute; 927 top: 0; 928 left: 0; 929 width: 100%; 930 pointer-events: none; 931 } 932 933 /* Show active content */ 934 .slider-content-active { 935 opacity: 1 !important; 936 position: relative !important; 937 pointer-events: auto !important; 938 } 939 940 /* Animation classes - smooth crossfade */ 941 .slide-in-right { 942 animation: slideInRight 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; 943 } 944 945 .slide-in-left { 946 animation: slideInLeft 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; 947 } 948 949 /* Slider container */ 950 .testimonial-slider-container { 951 display: flex; 952 width: 100%; 953 max-width: 537px; 954 justify-content: space-between; 955 align-items: center; 956 } 957 /* Pills container */ 958 .testimonial-pills-container { 959 display: flex; 960 gap: 8px; 961 align-items: center; 962 } 963 /* Individual pill */ 964 .testimonial-pill { 965 height: 8.842px; 966 border-radius: 7.184px; 967 transition: all 0.4s ease; 968 cursor: pointer; 969 } 970 .testimonial-pill.pill-active { 971 width: 19.895px; 972 background: rgba(66, 32, 138, 0.49); 973 } 974 .testimonial-pill.pill-inactive { 975 width: 8.842px;
976 background: rgba(66, 32, 138, 0.31); 977 opacity: 0.5; 978 } 979 /* Arrows container */ 980 .testimonial-arrows-container { 981 display: flex; 982 gap: 16px; 983 align-items: center; 984 } 985 /* Arrow button - Desktop */ 986 .testimonial-arrow-button { 987 display: flex; 988 width: 58px; 989 height: 58px; 990 padding: 16px; 991 justify-content: center; 992 align-items: center; 993 gap: 8.529px; 994 border-radius: 29px; 995 background: #FFF; 996 box-shadow: 0 4px 14px 0 rgba(227, 55, 255, 0.12); 997 border: none; 998 cursor: pointer; 999 transition: all 0.3s ease; 1000 } 1001 .testimonial-arrow-button:hover { 1002 box-shadow: 0 6px 20px 0 rgba(227, 55, 255, 0.2); 1003 } 1004 .testimonial-arrow-button svg { 1005 width: 13px; 1006 height: 20px; 1007 } 1008 .testimonial-arrow-button.arrow-active { 1009 background: rgba(138, 75, 255, 0.15); 1010 } 1011 .testimonial-arrow-button.arrow-active svg path { 1012 stroke: #8A4BFF; 1013 } 1014 /* Mobile & Tablet Styles */ 1015 @media screen and (max-width: 991px) { 1016 .testimonial-slider-container { 1017 gap: 12px; 1018 } 1019 .testimonial-arrows-container { 1020 gap: 8px; 1021 } 1022 .testimonial-arrow-button { 1023 width: 32px; 1024 height: 32px; 1025 padding: 8.828px; 1026 gap: 4.706px; 1027 border-radius: 16px; 1028 box-shadow: 0 2.207px 7.724px 0 rgba(227, 55, 255, 0.12); 1029 } 1030 .testimonial-arrow-button svg { 1031 width: 8px; 1032 height: 12px; 1033 } 1034 } 1035 /* Extra small mobile */ 1036 @media screen and (max-width: 479px) { 1037 .testimonial-pills-container { 1038 gap: 6px; 1039 } 1040 .testimonial-pill { 1041 height: 6px; 1042 } 1043 .testimonial-pill.pill-active { 1044 width: 16px; 1045 } 1046 .testimonial-pill.pill-inactive { 1047 width: 6px; 1048 } 1049 } 1050</style> 1051 1052<div class="testimonial-slider-container"> 1053 <!-- Pills will be generated by JS --> 1054 <div class="testimonial-pills-container" id="testimonialPillsContainer"></div> 1055 1056 <div class="testimonial-arrows-container"> 1057 <button class="testimonial-arrow-button" id="testimonialLeftArrow"> 1058 <!-- Desktop SVG --> 1059 <svg class="arrow-desktop" xmlns="http://www.w3.org/2000/svg" width="13" height="21" viewBox="0 0 13 21" fill="none"> 1060 <path d="M10.7988 18.3477L2.79883 9.99983L10.7988 1.99983" stroke="#1D1136" stroke-width="4" stroke-linecap="round"/> 1061 </svg> 1062 <!-- Mobile SVG --> 1063 <svg class="arrow-mobile" xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none" style="display: none;"> 1064 <path d="M5.95801 10.123L1.54421 5.51735L5.95801 1.10355" stroke="#1D1136" stroke-width="2.2069" stroke-linecap="round"/> 1065 </svg> 1066 </button> 1067 <button class="testimonial-arrow-button" id="testimonialRightArrow"> 1068 <!-- Desktop SVG --> 1069 <svg class="arrow-desktop" xmlns="http://www.w3.org/2000/svg" width="13" height="20" viewBox="0 0 13 20" fill="none"> 1070 <path d="M2 2L10 10.1702L2 18" stroke="#1D1136" stroke-width="4" stroke-linecap="round"/> 1071 </svg> 1072 <!-- Mobile SVG --> 1073 <svg class="arrow-mobile" xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none" style="display: none;"> 1074 <path d="M1.10352 1.10352L5.51731 5.70921L1.10352 10.123" stroke="#1D1136" stroke-width="2.2069" stroke-linecap="round"/> 1075 </svg> 1076 </button> 1077 </div> 1078</div> 1079
1080<script> 1081 (function() { 1082 let currentSlide = 0; 1083 const totalSlides = 6; 1084 1085 const leftArrow = document.getElementById('testimonialLeftArrow'); 1086 const rightArrow = document.getElementById('testimonialRightArrow'); 1087 const pillsContainer = document.getElementById('testimonialPillsContainer'); 1088 1089 let autoSlideInterval; 1090 1091 // Dynamically get all content slides (cnt-1 to cnt-6) 1092 const contentSlides = []; 1093 for (let i = 1; i <= totalSlides; i++) { 1094 const slide = document.getElementById(`cnt-${i}`); 1095 if (slide) contentSlides.push(slide); 1096 } 1097 1098 // Dynamically create pills 1099 pillsContainer.innerHTML = ''; 1100 const pills = []; 1101 for (let i = 0; i < totalSlides; i++) { 1102 const pill = document.createElement('div'); 1103 pill.classList.add('testimonial-pill'); 1104 if (i === 0) pill.classList.add('pill-active'); 1105 else pill.classList.add('pill-inactive'); 1106 pillsContainer.appendChild(pill); 1107 pills.push(pill); 1108 1109 pill.addEventListener('click', () => { 1110 const direction = i > currentSlide ? 'next' : 'prev'; 1111 updateSlider(i, direction); 1112 resetAutoSlide(); 1113 }); 1114 } 1115 1116 // Handle responsive SVG switching 1117 function handleResponsiveSVG() { 1118 const isMobile = window.innerWidth <= 991; 1119 document.querySelectorAll('.arrow-desktop').forEach(svg => { 1120 svg.style.display = isMobile ? 'none' : 'block'; 1121 }); 1122 document.querySelectorAll('.arrow-mobile').forEach(svg => { 1123 svg.style.display = isMobile ? 'block' : 'none'; 1124 }); 1125 } 1126 1127 function updateSlider(newIndex, direction = 'next') { 1128 if (newIndex === currentSlide) return; 1129 1130 currentSlide = newIndex; 1131 1132 // Update pills 1133 pills.forEach((pill, index) => { 1134 if (index === currentSlide) { 1135 pill.classList.remove('pill-inactive'); 1136 pill.classList.add('pill-active'); 1137 } else { 1138 pill.classList.remove('pill-active'); 1139 pill.classList.add('pill-inactive'); 1140 } 1141 }); 1142 1143 // Remove active and animation from all slides
1144 contentSlides.forEach(slide => { 1145 slide.classList.remove('slider-content-active', 'slide-in-right', 'slide-in-left'); 1146 }); 1147 1148 // Add active and animation to new slide 1149 if (contentSlides[currentSlide]) { 1150 contentSlides[currentSlide].classList.add('slider-content-active'); 1151 contentSlides[currentSlide].classList.add(direction === 'next' ? 'slide-in-right' : 'slide-in-left'); 1152 } 1153 1154 // Reset arrow active state 1155 leftArrow.classList.remove('arrow-active'); 1156 rightArrow.classList.remove('arrow-active'); 1157 } 1158 1159 function startAutoSlide() { 1160 autoSlideInterval = setInterval(() => { 1161 const newIndex = currentSlide < totalSlides - 1 ? currentSlide + 1 : 0; 1162 updateSlider(newIndex, 'next'); 1163 }, 5000); 1164 } 1165 1166 function resetAutoSlide() { 1167 clearInterval(autoSlideInterval); 1168 startAutoSlide(); 1169 } 1170 1171 // Arrow clicks 1172 leftArrow.addEventListener('click', () => { 1173 leftArrow.classList.add('arrow-active'); 1174 const newIndex = currentSlide > 0 ? currentSlide - 1 : totalSlides - 1; 1175 updateSlider(newIndex, 'prev'); 1176 resetAutoSlide(); 1177 setTimeout(() => leftArrow.classList.remove('arrow-active'), 200); 1178 }); 1179 1180 rightArrow.addEventListener('click', () => { 1181 rightArrow.classList.add('arrow-active'); 1182 const newIndex = currentSlide < totalSlides - 1 ? currentSlide + 1 : 0; 1183 updateSlider(newIndex, 'next'); 1184 resetAutoSlide(); 1185 setTimeout(() => rightArrow.classList.remove('arrow-active'), 200); 1186 }); 1187 1188 // Initialize 1189 handleResponsiveSVG(); 1190 if (contentSlides[0]) contentSlides[0].classList.add('slider-content-active'); 1191 startAutoSlide(); 1192 1193 // Resize handler 1194 window.addEventListener('resize', handleResponsiveSVG); 1195 })(); 1196</script>
1196</div></div></div></div><div class="margin-top margin-custom2 mobile"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp" loading="lazy" width="1200" height="1" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp 656w" sizes="100vw"/></div><div class="container-large"><div class="margin-top margin-xlarge mobile"><div class="margin-bottom margin-custom1-2-2 tab"><div class="score-block_wrapper"><div class="score-block new"><div>Rated 4.7/5 on G2 (1000+ reviews)</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/66cdd9a2dd08bd711fc5ded9_Union.svg" loading="lazy" alt=""/></div></div></div><div class="infinity-banner"><div class="trust-loops-tinted-left"></div><div class="infinity-text-slider"><div class="infinity-text_list-wrapper w-dyn-list"><div role="list" class="infinity-text_wrapper w-dyn-items"><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45ad7b29c00343af27c4_High%20Performer%20Winter%202026%20India%201.webp" loading="lazy" alt="New-High-Performer-Winter-India-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442accb87b4676800c88_medal%20(4)%20(1)%201.webp" loading="lazy" alt="New-High-Performer-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45621014e926147826a1_medal%20(5)%20(1)%201.webp" loading="lazy" alt="New-Best-Usability-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c452a123bb587e21622b1_medal%20(8)%201.webp" loading="lazy" alt="New-Leader-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44f5483c0767d8b756b4_medal%201.webp" loading="lazy" alt="New-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44c1f355a7fc9d20541a_Top%2010.webp" loading="lazy" alt="New-Top-10-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44967f00c2f3a97d7b97_medal%20(9)%201.webp" loading="lazy" alt="New-Easiest-To-Do-Business-With-Winer-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c446402ae491efc631622_Top%2050.webp" loading="lazy" alt="New-Top-50-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c440296532e793993df8a_medal%20(6)%201.webp" loading="lazy" alt="New-Best-Relationship-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c43dce4e9c85788bdb605_Momentum%20Leader%201.webp" loading="lazy" alt="New-Momentum-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd
119675e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c430d964638801ce065a6_Leader%20Enterprise%20_%20Winter%202026.webp" loading="lazy" alt="New-Leader-Winter-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c42c0662cd4a33f158aa5_medal%20(10)%201.webp" loading="lazy" alt="New-Best-Support" class="badge-img new"/></div></div></div><div class="infinity-text_list-wrapper w-dyn-list"><div role="list" class="infinity-text_wrapper w-dyn-items"><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45ad7b29c00343af27c4_High%20Performer%20Winter%202026%20India%201.webp" loading="lazy" alt="New-High-Performer-Winter-India-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442accb87b4676800c88_medal%20(4)%20(1)%201.webp" loading="lazy" alt="New-High-Performer-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45621014e926147826a1_medal%20(5)%20(1)%201.webp" loading="lazy" alt="New-Best-Usability-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c452a123bb587e21622b1_medal%20(8)%201.webp" loading="lazy" alt="New-Leader-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44f5483c0767d8b756b4_medal%201.webp" loading="lazy" alt="New-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44c1f355a7fc9d20541a_Top%2010.webp" loading="lazy" alt="New-Top-10-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44967f00c2f3a97d7b97_medal%20(9)%201.webp" loading="lazy" alt="New-Easiest-To-Do-Business-With-Winer-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c446402ae491efc631622_Top%2050.webp" loading="lazy" alt="New-Top-50-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c440296532e793993df8a_medal%20(6)%201.webp" loading="lazy" alt="New-Best-Relationship-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c43dce4e9c85788bdb605_Momentum%20Leader%201.webp" loading="lazy" alt="New-Momentum-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c430d964638801ce065a6_Leader%20Enterprise%20_%20Winter%202026.webp" loading="lazy" alt="New-Leader-Winter-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c42c0662cd4a33f158aa5_medal%20(10)%201.webp" loading="lazy" alt="New-Best-Support" class="badge-img new"/></div></div></div><div class="infinity-text_list-wrapper w-dyn-list"><div role="list" class="infinity-text_wrapper w-dyn-items"><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45ad7b29c00343af27c4_High%20Performer%20Winter%202026%20India%201.webp" loading="lazy" alt="New-High-Performer-Winter-India-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442accb87b4676800c88_medal%20(4)%20(1)%201.webp" loading="lazy" alt="New-High-Performer-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45621014e926147826a1_medal%20(5)%20(1)%201.webp" loading="lazy" alt="New-Best-Usability-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c452a123bb587e21622b1_medal%20(8)%201.webp" loading="lazy" alt="New-Leader-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44f5483c0767d8b756b4_medal%201.webp" loading="lazy" alt="New-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44c1f355a7fc9d20541a_Top%2010.webp" loading="lazy" alt="New-Top-10-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44967f00c2f3a97d7b97_medal%20(9)%201.webp" loading="lazy" alt="New-Easiest-To-Do-Business-With-Winer-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c446402ae491efc631622_Top%2050.webp" loading="lazy" alt="New-Top-50-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd
119675e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c440296532e793993df8a_medal%20(6)%201.webp" loading="lazy" alt="New-Best-Relationship-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c43dce4e9c85788bdb605_Momentum%20Leader%201.webp" loading="lazy" alt="New-Momentum-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c430d964638801ce065a6_Leader%20Enterprise%20_%20Winter%202026.webp" loading="lazy" alt="New-Leader-Winter-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c42c0662cd4a33f158aa5_medal%20(10)%201.webp" loading="lazy" alt="New-Best-Support" class="badge-img new"/></div></div></div><div class="infinity-text_list-wrapper w-dyn-list"><div role="list" class="infinity-text_wrapper w-dyn-items"><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45ad7b29c00343af27c4_High%20Performer%20Winter%202026%20India%201.webp" loading="lazy" alt="New-High-Performer-Winter-India-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442accb87b4676800c88_medal%20(4)%20(1)%201.webp" loading="lazy" alt="New-High-Performer-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45621014e926147826a1_medal%20(5)%20(1)%201.webp" loading="lazy" alt="New-Best-Usability-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c452a123bb587e21622b1_medal%20(8)%201.webp" loading="lazy" alt="New-Leader-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44f5483c0767d8b756b4_medal%201.webp" loading="lazy" alt="New-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44c1f355a7fc9d20541a_Top%2010.webp" loading="lazy" alt="New-Top-10-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44967f00c2f3a97d7b97_medal%20(9)%201.webp" loading="lazy" alt="New-Easiest-To-Do-Business-With-Winer-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c446402ae491efc631622_Top%2050.webp" loading="lazy" alt="New-Top-50-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c440296532e793993df8a_medal%20(6)%201.webp" loading="lazy" alt="New-Best-Relationship-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c43dce4e9c85788bdb605_Momentum%20Leader%201.webp" loading="lazy" alt="New-Momentum-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd
119675e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c430d964638801ce065a6_Leader%20Enterprise%20_%20Winter%202026.webp" loading="lazy" alt="New-Leader-Winter-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c42c0662cd4a33f158aa5_medal%20(10)%201.webp" loading="lazy" alt="New-Best-Support" class="badge-img new"/></div></div></div><div class="infinity-text_list-wrapper w-dyn-list"><div role="list" class="infinity-text_wrapper w-dyn-items"><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45ad7b29c00343af27c4_High%20Performer%20Winter%202026%20India%201.webp" loading="lazy" alt="New-High-Performer-Winter-India-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442accb87b4676800c88_medal%20(4)%20(1)%201.webp" loading="lazy" alt="New-High-Performer-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c45621014e926147826a1_medal%20(5)%20(1)%201.webp" loading="lazy" alt="New-Best-Usability-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c452a123bb587e21622b1_medal%20(8)%201.webp" loading="lazy" alt="New-Leader-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44f5483c0767d8b756b4_medal%201.webp" loading="lazy" alt="New-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44c1f355a7fc9d20541a_Top%2010.webp" loading="lazy" alt="New-Top-10-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c44967f00c2f3a97d7b97_medal%20(9)%201.webp" loading="lazy" alt="New-Easiest-To-Do-Business-With-Winer-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c446402ae491efc631622_Top%2050.webp" loading="lazy" alt="New-Top-50-Best-Software" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c440296532e793993df8a_medal%20(6)%201.webp" loading="lazy" alt="New-Best-Relationship-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c43dce4e9c85788bdb605_Momentum%20Leader%201.webp" loading="lazy" alt="New-Momentum-Leader-Fall-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c442fd75e1bbd7410c94f_medal%20(7)%201.webp" loading="lazy" alt="New-High-Performer-Summer-2025" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c430d964638801ce065a6_Leader%20Enterprise%20_%20Winter%202026.webp" loading="lazy" alt="New-Leader-Winter-2026" class="badge-img new"/></div><div role="listitem" class="infinity-text_container is-award w-dyn-item"><img src="https://cdn.prod.website-files.com/66bbe17b9639de563ee20c7a/698c42c0662cd4a33f158aa5_medal%20(10)%201.webp" loading="lazy" alt="New-Best-Support" class="badge-img new"/></div></div></div></div><div class="trust-loops-tinted-right"></div><div class="w-embed"><style> 1197.infinity-banner { 1198 mix-blend-mode: darken; 1199} 1200</style></div></div></div></div></div></div></div></section><section class="section_template bg-gradient agents"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="margin-top _14px"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp" loading="lazy" width="1200" height="1" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300-p-
1200500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp 656w" sizes="100vw"/></div><div class="margin-top margin-custom1"><div class="_2-col-layout tablet custom-gap"><div class="text-align-center desktop"><div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a4641a31f50ce929595e28c_Murf%20Logos%20-%20Color.webp" loading="lazy" alt="" class="icon-height-small"/></div><div class="margin-top margin-xsmall"><h2 class="heading-style-h3"><strong>Conversational Agents for Enterprises</strong></h2></div><div class="margin-top _14px"><p class="text-mid-contrast">Deploy multilingual AI agents that handle outbound and inbound calls, are always available on chat, and escalate issues to a human, only when required. Murf Agents are purpose-built for low latency, human-like conversations across various industries.</p></div><div class="api-button-container flex-center-div desktop"><div class="margin-top margin-custom2"><a data-wf--new-design-system-variables--button--variant="primary" href="/ai-voice-agent" target="_blank" class="new-design-system-variables--button w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><div class="new-design-system-variables--g-button-text w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191">Explore Agents</div></div></div></a></div></div></div><div class="w-embed w-script"><style> 1201 .mur-call-preview { 1202 position: relative !important; 1203 box-sizing: border-box !important; 1204 font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; 1205 max-width: 522px !important; 1206 width: 100% !important; 1207 margin: 0 auto !important; 1208 display: flex !important; 1209 flex-direction: column !important; 1210 align-items: center !important; 1211 gap: 24px !important 1212 } 1213 1214 .mur-call-preview *, 1215 .mur-call-preview ::after, 1216 .mur-call-preview ::before { 1217 box-sizing: border-box !important 1218 } 1219 1220 .mur-call-preview__sprite { 1221 position: absolute !important; 1222 width: 0 !important; 1223 height: 0 !important; 1224 overflow: hidden !important; 1225 pointer-events: none !important 1226 } 1227 1228 .mur-call-preview__lang { 1229 box-sizing: border-box !important; 1230 display: flex !important; 1231 width: 260px !important; 1232 padding: 4px !important; 1233 align-items: center !important; 1234 gap: 8px !important; 1235 border-radius: 12px !important; 1236 background: rgba(66, 32, 138, 0.07) !important; 1237 flex-shrink: 0 !important 1238 } 1239 1240 .mur-call-preview__iconbtn { 1241 width: 24px !important; 1242 height: 24px !important; 1243 display: flex !important; 1244 align-items: center !important; 1245 justify-content: center !important; 1246 background: 0 0 !important; 1247 border: none !important; 1248 cursor: pointer !important; 1249 flex-shrink: 0 !important; 1250 padding: 0 !important 1251 } 1252 1253 .mur-call-preview__iconbtn:hover { 1254 opacity: .85 !important 1255 } 1256 1257 .mur-call-preview__lang-center { 1258 flex: 1 !important; 1259 display: flex !important; 1260 align-items: center !important; 1261 justify-content: center !important; 1262 gap: 8px !important; 1263 min-width: 0 !important; 1264 overflow: hidden !important 1265 } 1266 1267 .mur-call-preview__lang-flag:empty { 1268 display: none !important 1269 } 1270 1271 .mur-call-preview__lang-flag { 1272 display: flex !important; 1273 align-items: center !important; 1274 justify-content: center !important; 1275 width: 18px !important; 1276 height: 18px !important; 1277 flex-shrink: 0 !important 1278 } 1279 1280 .mur-call-preview__lang-flag img { 1281 width: 18px !important; 1282 height: 18px !important; 1283 display: block !important; 1284 border-radius: 50% !important 1285 } 1286 1287 .mur-call-preview__lang-label { 1288 color: #000 !important; 1289 font-size: 12px !important; 1290 line-height: 22px !important; 1291 white-space: nowrap !important; 1292 overflow: hidden !important; 1293 text-overflow: ellipsis !important 1294 } 1295 1296 .mur-call-preview__card { 1297 position: relative !important; 1298 box-sizing: border-box !important; 1299 width: 100% !important; 1300 max-width: 522px !important; 1301 height: 274px !important; 1302 background: rgba(66, 32, 138, 0.07) !important; 1303 border-radius: 16px !important; 1304 overflow: hidden !important; 1305 border: 1px solid rgba(255, 255, 255, .12) !important 1306 } 1307 1308 .mur-call-preview__progress { 1309 position: absolute !important; 1310 left: 4px !important; 1311 right: 4px !important; 1312 bottom: 0 !important; 1313 width: 100% !important; 1314 height: 2px !important; 1315 box-sizing: border-box !important; 1316 background: rgba(255, 255, 255, .02) !important; 1317 border-radius: 0 0 15px 15px !important; 1318 overflow: hidden !important; 1319 pointer-events: none !important; 1320 z-index: 50 !important 1321 } 1322 1323 .mur-call-preview__progress__fill { 1324 display: block !important; 1325 height: 2px !important; 1326 background: #A391C6 !important; 1327 box-sizing: border-box !important; 1328 transform-origin: left center !important; 1329 will-change: width !important; 1330 transition: width .1s linear !important 1331 } 1332 1333 .mur-call-preview__thread { 1334 position: absolute !important; 1335 inset: 0 !important; 1336 border-radius: inherit !important; 1337 padding: 24px !important; 1338 padding-bottom: 28px !important; 1339 display: flex !important; 1340 flex-direction: column !important; 1341 justify-content: flex-start !important;
1342 align-items: stretch !important; 1343 gap: 24px !important; 1344 width: 100% !important; 1345 min-width: 0 !important; 1346 overflow-x: hidden !important; 1347 overflow-y: auto !important; 1348 overflow-anchor: auto !important; 1349 scroll-behavior: smooth !important; 1350 z-index: 1 !important; 1351 scrollbar-width: none !important; 1352 -ms-overflow-style: none !important 1353 } 1354 1355 .mur-call-preview__thread::-webkit-scrollbar { 1356 width: 0 !important; 1357 height: 0 !important; 1358 display: none !important 1359 } 1360 1361 .mur-call-preview__thread.mur-call-preview__thread--scroll-locked { 1362 overflow-y: hidden !important; 1363 touch-action: none !important; 1364 overscroll-behavior: none !important 1365 } 1366 1367 .mur-call-preview__turn { 1368 display: flex !important; 1369 flex-direction: column !important; 1370 gap: 4px !important; 1371 min-width: 0 !important; 1372 width: 100% !important; 1373 flex-shrink: 0 !important; 1374 transition: transform .65s cubic-bezier(.22, 1, .36, 1) !important 1375 } 1376 1377 @keyframes murTurnEnter { 1378 from { 1379 opacity: 0 !important; 1380 transform: translateY(20px) !important 1381 } 1382 1383 to { 1384 opacity: 1 !important; 1385 transform: translateY(0) !important 1386 } 1387 } 1388 1389 .mur-call-preview__turn--enter { 1390 animation: murTurnEnter .78s cubic-bezier(.16, 1, .32, 1) both !important 1391 } 1392 1393 @keyframes murBubbleEnterAi { 1394 from { 1395 opacity: 0 !important; 1396 transform: translateY(14px) scale(.98) !important 1397 } 1398 1399 to { 1400 opacity: 1 !important; 1401 transform: translateY(0) scale(1) !important 1402 } 1403 } 1404 1405 @keyframes murBubbleEnterCust { 1406 from { 1407 opacity: 0 !important; 1408 transform: translateY(14px) scale(.98) !important 1409 } 1410 1411 to { 1412 opacity: 1 !important; 1413 transform: translateY(0) scale(1) !important 1414 } 1415 } 1416 1417 .mur-call-preview__bubble--enter.mur-call-preview__bubble--ai { 1418 animation: murBubbleEnterAi .72s cubic-bezier(.16, 1, .32, 1) both !important 1419 } 1420 1421 .mur-call-preview__bubble--enter.mur-call-preview__bubble--customer { 1422 animation: murBubbleEnterCust .72s cubic-bezier(.16, 1, .32, 1) both !important 1423 } 1424 1425 .mur-call-preview__bubble-stack .mur-call-preview__bubble--enter.mur-call-preview__bubble--ai:nth-child(2), 1426 .mur-call-preview__bubble-stack .mur-call-preview__bubble--enter.mur-call-preview__bubble--customer:nth-child(2) { 1427 animation-delay: .12s !important 1428 } 1429 1430 .mur-call-preview__turn--ai { 1431 align-items: flex-start !important 1432 } 1433 1434 .mur-call-preview__turn--customer {
1435 align-items: flex-end !important 1436 } 1437 1438 .mur-call-preview__customer-col { 1439 display: flex !important; 1440 flex-direction: column !important; 1441 align-items: stretch !important; 1442 align-self: flex-end !important; 1443 max-width: 100% !important; 1444 min-width: 0 !important; 1445 gap: 4px !important 1446 } 1447 1448 .mur-call-preview__meta { 1449 display: flex !important; 1450 gap: 5px !important; 1451 align-self: stretch !important 1452 } 1453 1454 .mur-call-preview__turn--ai .mur-call-preview__meta { 1455 justify-content: flex-start !important; 1456 padding-left: 2px !important 1457 } 1458 1459 .mur-call-preview__turn--customer .mur-call-preview__meta { 1460 justify-content: flex-start !important; 1461 align-self: stretch !important; 1462 max-width: 100% !important; 1463 padding-left: 2px !important 1464 } 1465 1466 .mur-call-preview__avatar { 1467 flex-shrink: 0 !important 1468 } 1469 1470 .mur-call-preview__role { 1471 font-size: 12px !important; 1472 color: rgba(255, 255, 255, .55) !important; 1473 line-height: 20px !important; 1474 font-weight: 500 !important 1475 } 1476 1477 .mur-call-preview__bubble-stack { 1478 display: flex !important; 1479 flex-direction: column !important; 1480 gap: 8px !important; 1481 width: 100% !important; 1482 min-width: 0 !important 1483 } 1484 1485 .mur-call-preview__turn--ai .mur-call-preview__bubble-stack { 1486 align-items: flex-start !important 1487 } 1488 1489 .mur-call-preview__turn--customer .mur-call-preview__bubble-stack { 1490 align-items: flex-start !important; 1491 width: 100% !important; 1492 max-width: 100% !important 1493 } 1494 1495 .mur-call-preview__bubble { 1496 display: flex !important; 1497 padding: 8px 12px !important; 1498 align-items: center !important; 1499 gap: 10px !important; 1500 border-radius: 12px !important; 1501 box-sizing: border-box !important 1502 } 1503 1504 .mur-call-preview__bubble--customer {
1505 align-items: center !important; 1506 opacity: 1 !important; 1507 background: rgba(66, 32, 138, 0.07) !important 1508 } 1509 1510 .mur-call-preview__bubble--ai { 1511 width: 364px !important; 1512 max-width: 100% !important; 1513 align-items: flex-start !important; 1514 border-radius: 12px !important; 1515 background: #A391C6 !important; 1516 backdrop-filter: blur(60px) !important; 1517 -webkit-backdrop-filter: blur(60px) !important 1518 } 1519 1520 .mur-call-preview__bubble-inner { 1521 display: block !important; 1522 min-width: 0 !important; 1523 flex: 1 !important; 1524 transition: opacity .22s ease !important; 1525 contain: content !important 1526 } 1527 1528 .mur-call-preview__bubble span { 1529 font-size: 14px !important; 1530 line-height: 21px !important; 1531 color: #fff !important 1532 } 1533 1534 .mur-call-preview__bubble--ai span, 1535 .mur-call-preview__bubble--ai .mur-call-preview__word { 1536 color: #fff !important 1537 } 1538 1539 .mur-call-preview__turn--ai .mur-call-preview__role { 1540 color: rgba(29, 17, 54, 0.55) !important 1541 } 1542 1543 .mur-call-preview__bubble--customer span, 1544 .mur-call-preview__bubble--customer .mur-call-preview__word { 1545 color: #1D1136 !important 1546 } 1547 1548 .mur-call-preview__turn--customer .mur-call-preview__role { 1549 color: rgba(29, 17, 54, 0.55) !important 1550 } 1551 1552 .mur-call-preview__word { 1553 color: #fff !important; 1554 display: inline-block !important; 1555 vertical-align: baseline !important 1556 } 1557 1558 @keyframes murWordIn { 1559 from { 1560 opacity: .15 !important; 1561 transform: translateY(-.1em) !important 1562 } 1563 1564 to { 1565 opacity: 1 !important; 1566 transform: translateY(0) !important 1567 } 1568 } 1569 1570 .mur-call-preview__word--in { 1571 animation: murWordIn .58s cubic-bezier(.25, .82, .25, 1) both !important 1572 } 1573 1574 .mur-call-preview__audio { 1575 display: none !important 1576 } 1577 1578 .mur-call-preview__controls { 1579 display: flex !important; 1580 align-items: center !important; 1581 gap: 12px !important 1582 } 1583 1584 .mur-call-preview__btn { 1585 border: none !important; 1586 border-radius: 11px !important; 1587 padding: 11px 20px !important; 1588 display: inline-flex !important; 1589 align-items: center !important; 1590 justify-content: flex-start !important; 1591 gap: 8px !important; 1592 cursor: pointer !important; 1593 white-space: nowrap !important; 1594 box-sizing: border-box !important; 1595 margin: 0 !important; 1596 line-height: 1 !important; 1597 min-height: 42px !important; 1598 height: auto !important; 1599 max-height: none !important; 1600 -webkit-appearance: none !important; 1601 appearance: none !important; 1602 font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; 1603 font-size: 14px !important; 1604 font-weight: 400 !important; 1605 font-style: normal !important; 1606 text-align: left !important; 1607 text-decoration: none !important; 1608 text-transform: none !important; 1609 letter-spacing: normal !important; 1610 color: inherit !important 1611 } 1612 1613 .mur-call-preview__btn svg { 1614 display: block !important; 1615 flex-shrink: 0 !important; 1616 width: auto !important; 1617 height: auto !important 1618 } 1619 1620 .mur-call-preview__btn-caption { 1621 color: #1D1136 !important; 1622 font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; 1623 font-size: 14px !important; 1624 font-style: normal !important; 1625 font-weight: 600 !important; 1626 line-height: 20px !important; 1627 letter-spacing: 0 !important; 1628 align-self: center !important; 1629 flex-shrink: 0 !important 1630 } 1631 1632 .mur-call-preview__btn--secondary { 1633 background: rgba(66, 32, 138, 0.07) !important; 1634 padding: 11px 16px !important 1635 } 1636 1637 .mur-call-preview__btn--secondary:hover { 1638 background: rgba(66, 32, 138, 0.12) !important 1639 } 1640 1641 .mur-call-preview__btn-icon-slot { 1642 display: grid !important; 1643 place-items: center !important; 1644 flex-shrink: 0 !important; 1645 width: 14px !important; 1646 height: 14px !important 1647 } 1648 1649 .mur-call-preview__btn-icon-slot>* { 1650 grid-area: 1/1 !important 1651 } 1652 1653 .mur-call-preview__btn-icon-slot--md { 1654 width: 20px !important; 1655 height: 20px !important 1656 } 1657 1658 .mur-call-preview__btn-label-slot { 1659 display: grid !important;
1660 align-self: center !important 1661 } 1662 1663 .mur-call-preview__btn-label-slot>* { 1664 grid-area: 1/1 !important 1665 } 1666 1667 .mur-call-preview__play-pause.is-playing .mur-call-preview__icon-play, 1668 .mur-call-preview__play-pause.is-playing .mur-call-preview__label-play { 1669 visibility: hidden !important 1670 } 1671 1672 .mur-call-preview__play-pause:not(.is-playing) .mur-call-preview__icon-pause, 1673 .mur-call-preview__play-pause:not(.is-playing) .mur-call-preview__label-pause { 1674 visibility: hidden !important 1675 } 1676 1677 @media (prefers-reduced-motion:reduce) { 1678 .mur-call-preview__thread { 1679 scroll-behavior: auto !important 1680 } 1681 1682 .mur-call-preview__turn { 1683 transition: none !important 1684 } 1685 1686 .mur-call-preview__turn--enter { 1687 animation: none !important; 1688 opacity: 1 !important; 1689 transform: none !important 1690 } 1691 1692 .mur-call-preview__bubble--enter.mur-call-preview__bubble--ai, 1693 .mur-call-preview__bubble--enter.mur-call-preview__bubble--customer { 1694 animation: none !important; 1695 opacity: 1 !important; 1696 transform: none !important 1697 } 1698 1699 .mur-call-preview__bubble--enter.mur-call-preview__bubble--customer { 1700 opacity: 1 !important 1701 } 1702 1703 .mur-call-preview__word--in { 1704 animation: none !important 1705 } 1706 1707 .mur-call-preview__bubble-inner { 1708 transition: none !important 1709 } 1710 1711 .mur-call-preview__progress__fill { 1712 transition: none !important 1713 } 1714 } 1715</style> 1716<div class=mur-call-preview id=mur-call-preview-widget> 1717 <div class=mur-call-preview__lang> 1718 <button type=button class="mur-call-preview__iconbtn mur-call-preview__lang-prev" aria-label="Previous demo"><svg xmlns=http://www.w3.org/2000/svg width=8 height=12 viewBox="0 0 8 12" fill=none> 1719 <path d="M6.5 1L1.5 6L6.5 11" stroke=#1D1136 stroke-width=2 stroke-linecap=round stroke-linejoin=round /> 1720 </svg></button> 1721 <div class=mur-call-preview__lang-center><span class=mur-call-preview__lang-flag aria-hidden=true><img src=https://murf.ai/public-assets/countries/us-canada.svg alt="" width=18 height=18></span> <span class=mur-call-preview__lang-label>English US and Canada</span></div> 1722 <button type=button class="mur-call-preview__iconbtn mur-call-preview__lang-next" aria-label="Next demo"><svg xmlns=http://www.w3.org/2000/svg width=8 height=12 viewBox="0 0 8 12" fill=none style="transform:scaleX(-1)"> 1723 <path d="M6.5 1L1.5 6L6.5 11" stroke=#1D1136 stroke-width=2 stroke-linecap=round stroke-linejoin=round /> 1724 </svg></button> 1725 </div><svg class=mur-call-preview__sprite aria-hidden=true focusable=false width=0 height=0> 1726 <defs> 1727 <linearGradient id=murfp-p0 x1=-3.82245 y1=7.88682 x2=9.60026 y2=15.2434 gradientUnits=userSpaceOnUse> 1728 <stop offset=0.42 stop-color=#C6B2FF /> 1729 <stop offset=0.84 stop-color=#735DFF /> 1730 </linearGradient> 1731 <radialGradient id=murfp-p1 cx=0 cy=0 r=1 gradientUnits=userSpaceOnUse gradientTransform="translate(9.43985 11.2545) rotate(-180) scale(13.36 13.5554)"> 1732 <stop offset=0.28 stop-color=#DAABFF /> 1733 <stop offset=0.87 stop-color=#735DFF /> 1734 </radialGradient> 1735 <radialGradient id=murfp-p2 cx=0 cy=0 r=1 gradientUnits=userSpaceOnUse gradientTransform="translate(0.48244 7.21533) scale(0.275781)"> 1736 <stop offset=0.3 stop-color=#DAABFF /> 1737 <stop offset=0.87 stop-color=#735DFF /> 1738 </radialGradient> 1739 <linearGradient id=murfp-p3 x1=4.29829 y1=0.420074 x2=8.59785 y2=16.1476 gradientUnits=userSpaceOnUse> 1740 <stop stop-color=white stop-opacity=0 /> 1741 <stop offset=0.1 stop-color=white stop-opacity=0.01 /> 1742 <stop offset=0.3 stop-color=white stop-opacity=0.0729 /> 1743 <stop offset=0.59 stop-color=white stop-opacity=0.3481 /> 1744 <stop offset=0.94 stop-color=white /> 1745 </linearGradient> 1746 <linearGradient id=murfp-p4 x1=9.54518 y1=10.8397 x2=21.5597 y2=8.97581 gradientUnits=userSpaceOnUse> 1747 <stop offset=0.35 stop-color=#F02173 /> 1748 <stop offset=0.61 stop-color=#E81DB8 /> 1749 <stop offset=0.76 stop-color=#C516E1 /> 1750 <stop offset=1 stop-color=#735DFF /> 1751 </linearGradient> 1752 <radialGradient id=murfp-p5 cx=0 cy=0 r=1 gradientUnits=userSpaceOnUse gradientTransform="translate(10.5703 8.7286) scale(13.3596 13.5554)"> 1753 <stop offset=0.22 stop-color=#FFD522 /> 1754 <stop offset=0.27 stop-color=#FFCA27 /> 1755 <stop offset=0.34 stop-color=#FFAC37 />
1756 <stop offset=0.45 stop-color=#FF7D50 /> 1757 <stop offset=0.54 stop-color=#FF4B6C /> 1758 <stop offset=1 stop-color=#C81395 /> 1759 </radialGradient> 1760 <radialGradient id=murfp-p6 cx=0 cy=0 r=1 gradientUnits=userSpaceOnUse gradientTransform="translate(19.5274 12.7689) rotate(180) scale(0.275778 0.275781)"> 1761 <stop offset=0.3 stop-color=#DAABFF /> 1762 <stop offset=0.87 stop-color=#735DFF /> 1763 </radialGradient> 1764 <linearGradient id=murfp-p7 x1=15.72 y1=19.561 x2=11.4219 y2=3.8359 gradientUnits=userSpaceOnUse> 1765 <stop stop-color=white stop-opacity=0 /> 1766 <stop offset=0.1 stop-color=white stop-opacity=0.01 /> 1767 <stop offset=0.3 stop-color=white stop-opacity=0.0729 /> 1768 <stop offset=0.59 stop-color=white stop-opacity=0.3481 /> 1769 <stop offset=0.94 stop-color=white /> 1770 </linearGradient> 1771 <linearGradient id=murfp-cust-g x1=0 y1=0 x2=12.2222 y2=13.0556 gradientUnits=userSpaceOnUse> 1772 <stop stop-color=#16CE59 /> 1773 <stop offset=1 stop-color=#BFEA45 /> 1774 </linearGradient> 1775 <clipPath id=murfp-clip> 1776 <rect width=20 height=20 fill=white /> 1777 </clipPath> 1778 </defs> 1779 </svg> 1780 <div class=mur-call-preview__card> 1781 <div class=mur-call-preview__thread></div> 1782 <div class=mur-call-preview__progress aria-hidden=true> 1783 <div class=mur-call-preview__progress__fill style=width:0%></div> 1784 </div> 1785 </div> 1786 <div class=mur-call-preview__controls><button type=button class="mur-call-preview__btn mur-call-preview__btn--secondary mur-call-preview__play-pause" aria-label="Play Call Preview"><span class=mur-call-preview__btn-icon-slot aria-hidden=true><span class="mur-call-preview__btn-icon mur-call-preview__icon-play" aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 14 14" fill=none> 1787 <path fill-rule=evenodd clip-rule=evenodd d="M3.05626 1.87086C3.32347 1.71364 3.65392 1.70955 3.92494 1.86011L11.7999 6.23511C12.0777 6.38944 12.25 6.68223 12.25 7C12.25 7.31777 12.0777 7.61056 11.7999 7.76489L3.92494 12.1399C3.65392 12.2905 3.32347 12.2864 3.05626 12.1291C2.78906 11.9719 2.625 11.685 2.625 11.375V2.625C2.625 2.31497 2.78906 2.02809 3.05626 1.87086Z" fill=#1D1136 /> 1788 </svg> </span><span class="mur-call-preview__btn-icon mur-call-preview__icon-pause" aria-hidden=true><svg width=14 height=14 viewBox="0 0 24 24" fill=#1D1136> 1789 <rect x=6 y=4 width=4 height=16 /> 1790 <rect x=14 y=4 width=4 height=16 /> 1791 </svg> </span></span><span class=mur-call-preview__btn-label-slot><span class="mur-call-preview__btn-caption mur-call-preview__label-play">Play Call Preview</span> <span class="mur-call-preview__btn-caption mur-call-preview__label-pause">Pause Call Preview</span></span></button></div><audio class=mur-call-preview__audio preload=none playsinline></audio> 1792
1792<script> 1793 ! function(e) { 1794 function t() { 1795 "function" == typeof requestIdleCallback ? requestIdleCallback(e, { 1796 timeout: 1400 1797 }) : "function" == typeof window.requestAnimationFrame ? window.requestAnimationFrame(function() { 1798 setTimeout(e, 0) 1799 }) : setTimeout(e, 24) 1800 } 1801 "loading" === document.readyState ? document.addEventListener("DOMContentLoaded", t, { 1802 once: !0 1803 }) : t() 1804 }(function() { 1805 var r = document.getElementById("mur-call-preview-widget") || document.querySelector(".mur-call-preview:not([data-mur-call-preview-live])"); 1806 if (r && r.classList.contains("mur-call-preview") && "1" !== r.getAttribute("data-mur-call-preview-live")) { 1807 r.setAttribute("data-mur-call-preview-live", "1"); 1808 var _ = [{ 1809 flag: "https://murf.ai/public-assets/countries/us-canada.svg", 1810 label: "English US and Canada", 1811 aiRoleLabel: "Murf's Voice Agent", 1812 customerLabel: "Human", 1813 audioSrc: "https://murf.ai/public-assets/webflow/voice-agent-demos/AI%20receptionist%20appointment%20Dog%20Grooming%20%20(1).mp3", 1814 turns: [{ 1815 speaker: "ai", 1816 text: "Hi, you've reached Pluto Dog Grooming. This is Alex. I can help with appointments, general questions, or connect you to the right team. How can I help you today?", 1817 startTime: 0.26, 1818 endTime: 7.85 1819 }, { 1820 speaker: "customer", 1821 text: "Hi, I'd like to schedule a grooming appointment for my dog.", 1822 startTime: 8.05, 1823 endTime: 11.44 1824 }, { 1825 speaker: "ai", 1826 text: "Sure, I can help with that. May I have your full name?", 1827 startTime: 11.5, 1828 endTime: 13.9 1829 }, { 1830 speaker: "customer", 1831 text: "Mike Johnson.", 1832 startTime: 14, 1833 endTime: 15.6 1834 }, { 1835 speaker: "ai", 1836 text: "Thank you, Mike. What type of grooming service are you looking for?", 1837 startTime: 15.6, 1838 endTime: 18.9 1839 }, { 1840 speaker: "customer", 1841 text: "A full grooming package.", 1842 startTime: 19, 1843 endTime: 20.68 1844 }, { 1845 speaker: "ai", 1846 text: "Okay. Could you please share your phone number?", 1847 startTime: 20.68, 1848 endTime: 23.4 1849 }, { 1850 speaker: "customer", 1851 text: "Yeah, yeah, it's 5551234567.", 1852 startTime: 23.4, 1853 endTime: 28.35 1854 }, { 1855 speaker: "ai", 1856 text: "Got it. And do you have a preferred day or time for the appointment?", 1857 startTime: 28.9, 1858 endTime: 32.25 1859 }, { 1860 speaker: "customer", 1861 text: "Uh, Friday morning, anything between 8 to 11 will be alright.", 1862 startTime: 32.65, 1863 endTime: 37.55 1864 }, { 1865 speaker: "ai", 1866 text: "Perfect. I've noted a full grooming request for Friday morning, 9 AM. Our scheduling team will c
1866onfirm availability and contact you shortly.", 1867 startTime: 38.25, 1868 endTime: 45.55 1869 }, { 1870 speaker: "customer", 1871 text: "Alright, thanks.", 1872 startTime: 46.25, 1873 endTime: 46.85 1874 }, { 1875 speaker: "ai", 1876 text: "You're welcome, Mike. We appreciate you calling Pluto Dog Grooming. Have a wonderful day!", 1877 startTime: 47.45, 1878 endTime: 52.32 1879 }] 1880 }, { 1881 flag: "https://murf.ai/public-assets/countries/india.svg", 1882 label: "English India", 1883 aiRoleLabel: "Murf's Voice Agent", 1884 customerLabel: "Human", 1885 audioSrc: "https://murf.ai/public-assets/webflow/voice-agent-demos/appointment-scheduling.wav", 1886 turns: [{ 1887 speaker: "ai", 1888 text: "Hi, you have reached LunaCare Wellness Clinic. I can help you book, reschedule, or cancel an appointment.", 1889 startTime: 0, 1890 endTime: 5.7 1891 }, { 1892 speaker: "customer", 1893 text: "Hi, I would like to book an appointment.", 1894 startTime: 6.5, 1895 endTime: 8 1896 }, { 1897 speaker: "ai", 1898 text: "To get started, um, please tell me what type of appointment youâre looking for today. Do you need general consultation or a physio?", 1899 startTime: 9, 1900 endTime: 15.9 1901 }, { 1902 speaker: "customer", 1903 text: "Um, Iâm looking for general consultation.", 1904 startTime: 16.25, 1905 endTime: 18 1906 }, { 1907 speaker: "ai", 1908 text: "Got it. And do you have a preferred day or time? I can check the calendar for the earliest available slot.", 1909 startTime: 19.25, 1910 endTime: 25.6 1911 }, { 1912 speaker: "customer", 1913 text: "I would prefer a booking for Wednesday, preferably after 3PM", 1914 startTime: 26.25, 1915 endTime: 29 1916 }, { 1917 speaker: "ai", 1918 text: "Alright, um, I found an opening for Tuesday at 11:30 AM, and another one on Wednesday at 4 PM. Which one works better for you?", 1919 startTime: 30.25, 1920 endTime: 39 1921 }, { 1922 speaker: "customer", 1923 text: "Wednesday 4PM works for me", 1924 startTime: 39.7, 1925 endTime: 42 1926 }, { 1927 speaker: "ai", 1928 text: "Perfect. Iâll reserve that for you. Before I confirm, may I have your full name and phone number?", 1929 startTime: 42.05, 1930 endTime: 47.85 1931 }, { 1932 speaker: "customer", 1933 text: "Sure, its Priya, and my number is 9999459213", 1934 startTime: 48.7, 1935 endTime: 54.95 1936 }, { 1937 speaker: "ai", 1938 text: "Thanks. Your appointment is booked for Wednesday, 4PM at LunaCare Wellness Clinic.", 1939 startTime: 55.95, 1940 endTime: 60.75 1941 }, { 1942 speaker: "ai", 1943 text: "Youâll receive a confirmation message shortly. Is there anything else I can help you with today?", 1944 startTime: 61.45, 1945 endTime: 65.9 1946 }, { 1947 speaker: "customer", 1948 text: "No, that will be all, thank you", 1949 startTime: 66.65, 1950 endTime: 68.05 1951 }, { 1952 speaker: "ai", 1953 text: "Thank you for calling LunaCare Wellness Clinic. Have a wonderful day.", 1954 startTime: 68.65, 1955 endTime: 72.45 1956 }] 1957 }], 1958 K = 0, 1959 T = "idle", 1960 k = -1, 1961 L = 0, 1962 n = null, 1963 l = null, 1964 u = -1, 1965 x = r.querySelector(".mur-call-preview__thread"); 1966 x && (x.addEventListener("wheel", function(e) { 1967 "playing" !== T && "mid-playback" !== T || e.preventDefault() 1968 }, { 1969 passive: !1 1970 }), x.addEventListener("touchmove", function(e) { 1971 "playing" !== T && "mid-playback" !== T || e.preventDefault() 1972 }, { 1973 passive: !1 1974 })); 1975 var M = r.querySelector(".mur-call-preview__progress__fill"), 1976 A = r.querySelector(".mur-call-preview__play-pause"), 1977 C = r.querySelector(".mur-call-preview__audio"), 1978 I = null, 1979 q = -2, 1980 t = null, 1981 a = null, 1982 i = !1; 1983 C && C.addEventListener("ended", function() { 1984 "idle" !== T && "paused" !== T && p() 1985 }), A.addEventListener("click", function() { 1986 "playing" === T || "mid-playback" === T ? (d(), T = "paused", function() { 1987 if (C) try { 1988 C.pause() 1989 } catch (e) {} 1990 }(), v()) : "idle" === T ? e(!1) : "paused" === T && e(!0) 1991 }); 1992 var Y = r.querySelector(".mur-call-preview__lang-flag"), 1993 X = r.querySelector(".mur-call-preview__lang-label"), 1994 G = r.querySelector(".mur-call-preview__lang-prev"), 1995 N = r.querySelector(".mur-call-preview__lang-next"); 1996 1997 function U() { 1998 var e = _[K]; 1999 Y && (Y.innerHTML = e.flag ? '<img src="' + S(e.flag) + '" alt="" width="18" height="18">' : ""), X && (X.textContent = e.label || "") 2000 } 2001 2002 function J(e) { 2003 _.length <= 1 || (p(), K = (K + e + _.length) % _.length, t = null, I = null, q = -2, c(), U(), v()) 2004 } 2005 G && G.addEventListener("click", function() { 2006 J(-1) 2007 }), N && N.addEventListener("click", function() { 2008 J(1) 2009 }), U(); 2010 var o = 0; 2011 window.addEventListener("message", function(e) { 2012 var t = e.data; 2013 if (t && "mur-call-preview-debug" === t.source && "seek" === t.type && C) { 2014 var r = C.duration; 2015 if (!r || !isFinite(r) || r <= 0) return; 2016 var a = Math.max(0, Math.min(r, Number(t.time) || 0)); 2017 try { 2018 C.currentTime = a 2019 } catch (e) {} 2020 m(), v(), o = 0, h() 2021 } 2022 }), C && (C.addEventListener("loadedmetadata", f), C.addEventListener("durationchange", f), C.addEventListener("timeupdate", h)), c(), v() 2023 } 2024 2025 function S(e) { 2026 return String(e).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """) 2027 } 2028 2029 function E(e) { 2030 for (var t = [], r = 0, a = 0; a < e.length; a++) t.push(r), r += e[a].text.split(" ").length; 2031 return t 2032 } 2033 2034 function F(e) { 2035 for (var t = 0, r = 0; r < e.length; r++) t += e[r].text.split(" ").length; 2036 return t 2037 } 2038 2039 function H(e, t) { 2040 if (e < 0) return -1; 2041 for (var r = 0, a = 0; a < t.length && e >= t[a]; a++) r = a; 2042 return r 2043 } 2044 2045 function P(e) { 2046 "function" == typeof window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches && (e = !1), i = i || e, null === a && (a = requestAnimationFrame(function() { 2047 if (a = null, x) { 2048 var e = x.scrollHeight, 2049 t = i; 2050 if (i = !1, t) try { 2051 x.scrollTo({ 2052 top: e, 2053 behavior: "smooth" 2054 }) 2055 } catch (t) { 2056 x.scrollTop = e 2057 } else x.scrollTop = e 2058 } 2059 })) 2060 } 2061 2062 function Z(e, t) { 2063 if (null === e || "" === e) return !0; 2064 for (var r = e.split("-"), a = 0; a < t.length; a++) 2065 if (-1 === r.indexOf(String(t[a]))) return !0; 2066 return !1 2067 } 2068 2069 function s() { 2070 var e = r.getAttribute("data-audio-appointment"); 2071 if (e) return e.trim(); 2072 if (_[K] && _[K].audioSrc) return String(_[K].audioSrc).trim(); 2073 var t = r.getAttribute("data-audio-src"); 2074 return t ? t.trim() : "" 2075 } 2076 2077 function c() { 2078 if (C) { 2079 var e = s(); 2080 try { 2081 e ? t !== e && (C.src = e, t = e) : (t = null, C.removeAttribute("src"), C.load()) 2082 } catch (e) {} 2083 } 2084 } 2085 2086 function d() { 2087 null !== n && (clearInterval(n), n = null), null !== l && (cancelAnimationFrame(l), l = null) 2088 } 2089 2090 function p() { 2091 "idle" !== T && (d(), T = "idle", k = -1, L = 0, function() { 2092 if (C) try { 2093 C.pause(), C.currentTime = 0 2094 } catch (e) {} 2095 }(), I = null, q = -2, v()) 2096 } 2097 2098 function m() { 2099 var e = _[K].turns, 2100 t = E(e), 2101 r = F(e); 2102 if (C && r) { 2103 var a = C.duration; 2104 if (a && isFinite(a) && !(a <= 0)) { 2105 var i = Math.min(a, Math.max(0, C.currentTime)); 2106 if (L = i / a * 100, e[0] && "number" == typeof e[0].startTime) { 2107 for (var n = 0, l = 0; l < e.length && i >= e[l].startTime; l++) n = l; 2108 var u = e[n].startTime, 2109 o = (e[n].endTime || (n + 1 < e.length ? e[n + 1].startTime : a)) - u, 2110 s = e[n].text.split(" ").length, 2111 c = i - u, 2112 d = 0 < o ? Math.min(s - 1, Math.floor(c / o * s)) : 0; 2113 k = t[n] + Math.max(0, d) 2114 } else { 2115 var p = Math.min(r - 1, Math.max(0, Math.floor(i / a * r))); 2116 k = p 2117 } 2118 var m = H(k, t); 2119 T = m <= 1 ? "playing" : "mid-playback" 2120 } 2121 } 2122 } 2123 2124 function e(e) { 2125 var t = _[K], 2126 r = E(t.turns), 2127 a = F(t.turns); 2128 if (d(), s()) { 2129 if (c(), !e) { 2130 try { 2131 C.currentTime = 0 2132 } catch (e) {} 2133 L = (k = 0) < a ? 1 / a * 100 : 0 2134 } 2135 T = "playing", v(); 2136 var i = C.play(); 2137 i && "function" == typeof i.catch && i.catch(function() {}), m(), v(), null !== l && cancelAnimationFrame(l), l = requestAnimationFrame(function e() { 2138 if (C && !C.paused) { 2139 if (C.ended) return l = null, void p(); 2140 m(), v(), l = requestAnimationFrame(e) 2141 } else l = null 2142 }) 2143 } else ! function(e, t, r) { 2144 d(), k = u = e, L = 0 < r ? (e + 1) / r * 100 : 0; 2145 var a = H(e, t); 2146 T = a <= 1 ? "playing" : "mid-playback", v(), n = setInterval(function() { 2147 if (r <= (u += 1)) return d(), void p(); 2148 L = ((k = u) + 1) / r * 100, 2 <= H(u, t) && (T = "mid-playback"), v() 2149 }, 230) 2150 }(e ? k : 0, r, a) 2151 } 2152 2153 function W(e, t, r, a, i, n) { 2154 var l = t.turns[e], 2155 u = l.text.split(" "), 2156 o = a[e]; 2157 if ("idle" === T) return "<span>" + S(l.text) + "</span>"; 2158 if (e < i) return "<span>" + S(l.text) + "</span>"; 2159 if (i < e) return ""; 2160 for (var s = ("playing" === T || "mid-playback" === T) && r !== n, c = "", d = 0; d < u.length; d++) { 2161 var p = o + d; 2162 if (p <= r) { 2163 var m = "mur-call-preview__word"; 2164 s && p === r && (m += " mur-call-preview__word--in"), c += '<span class="' + m + '">' + S(u[d]) + "</span>", d < u.length - 1 && (c += " ") 2165 } 2166 } 2167 return c 2168 } 2169 2170 function V(e, t, r, a, i, n) { 2171 for (var l = r.turns[t].text.split(" "), u = i[t], o = ("playing" === T || "mid-playback" === T) && a !== n, s = 0, c = 0; c < l.length && u + c <= a; c++) s++; 2172 2173 function d() { 2174 return e.querySelectorAll(".mur-call-preview__word") 2175 } 2176 !e.querySelector(".mur-call-preview__word") && e.textContent && (e.textContent = ""); 2177 for (var p = d(); p.length > s;) { 2178 var m = e.lastChild; 2179 m && 3 === m.nodeType && e.removeChild(m), (m = e.lastChild) && 1 === m.nodeType && e.removeChild(m), p = d() 2180 } 2181 for (var C = 0; C < s; C++) { 2182 var v = u + C, 2183 f = p[C]; 2184 f || (0 === e.childNodes.length || e.appendChild(document.createTextNode(" ")), (f = document.createElement("span")).className = "mur-call-preview__word", e.appendChild(f), f = (p = d())[C]), f.textContent !== l[C] && (f.textContent = l[C]), o && v === a ? f.classList.add("mur-call-preview__word--in") : f.classList.remove("mur-call-preview__word--in") 2185 } 2186 } 2187 2188 function v() { 2189 var e = _[K], 2190 t = q; 2191 q = k; 2192 var r = E(e.turns), 2193 a = (F(e.turns), H(k, r)), 2194 i = function(e, t, r) { 2195 if (t <= 0) return []; 2196 if (e < 0) { 2197 for (var a = [0], i = 1; i < t; i++) 2198 if ("customer" === r[i].speaker) { 2199 a.push(i); 2200 break 2201 } return a 2202 } 2203 for (var n = Math.min(e, t - 1), l = [], u = 0; u <= n; u++) l.push(u); 2204 return l 2205 }(a, e.turns.length, e.turns), 2206 n = i.join("-"); 2207 if (n !== I) { 2208 var l = I; 2209 I = n; 2210 for (var u = "", o = 0; o < i.length;) { 2211 for (var s = [], c = e.turns[i[o]].speaker; o < i.length && e.turns[i[o]].speaker === c;) s.push(i[o]), o++; 2212 var d = "ai" === c, 2213 p = s[0], 2214 m = s[s.length - 1]; 2215 u += '<div class="mur-call-preview__turn mur-call-preview__turn--' + (d ? "ai" : "customer") + (Z(l, s) ? " mur-call-preview__turn--enter" : "") + '" data-group-from="' + p + '" data-group-to="' + m + '">', d || (u += '<div class="mur-call-preview__customer-col">'), u += '<div class="mur-call-preview__meta">', d ? (u += '<span class="mur-call-preview__avatar mur-call-preview__avatar--ai" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(#murfp-clip)"><path d="M13.4032 13.3514C10.5903 16.6467 6.76098 18.5256 3.46801 19.4021C3.46684 19.4025 3.46567 19.4029 3.4645 19.4033C3.38207 19.4248 3.30043 19.4463 3.21918 19.4666C3.04223 19.5037 2.85903 19.5232 2.67153 19.5232C1.19848 19.5232 0.00473022 18.3295 0.00473022 16.8564V1.59668C0.00512085 4.98496 0.727777 10.1752 2.58793 12.8975C3.07582 13.6115 3.63051 14.2127 4.23168 14.6943C4.23246 14.6943 4.23364 14.6951 4.23442 14.6963C4.28403 14.7365 4.33442 14.7756 4.3848
22151 14.8135C7.02504 16.8135 10.5911 16.3596 13.325 13.3123L13.4032 13.3514Z" fill="url(#murfp-p0)"/><path d="M13.3723 13.3203L13.3598 13.3352L13.3578 13.3375L13.2711 13.4402C12.3594 14.4313 11.3449 15.1617 10.2852 15.6051C10.2664 15.6129 10.2473 15.6207 10.2285 15.6281C9.46682 15.932 8.68088 16.0887 7.89104 16.0887C7.75979 16.0887 7.62893 16.0844 7.49807 16.0758C5.52659 15.9457 3.73479 14.8406 2.45276 12.9637C1.60237 11.7191 0.952759 9.88633 0.522681 7.51602C0.514868 7.47227 0.506665 7.42851 0.498853 7.38477C0.498853 7.3832 0.498462 7.38125 0.498071 7.37969C0.474243 7.24336 0.451196 7.10781 0.429321 6.97305C0.427759 6.96133 0.425806 6.94961 0.423853 6.93828C0.405493 6.82344 0.387915 6.70937 0.371118 6.59609C0.362915 6.54102 0.355103 6.48633 0.346899 6.43203C0.322681 6.26094 0.300024 6.0918 0.27854 5.92422C0.269556 5.85078 0.260571 5.77773 0.251587 5.70469C0.24729 5.66641 0.242603 5.62813 0.237915 5.58984C0.230103 5.52109 0.22229 5.45273 0.214868 5.38477C0.214868 5.3832 0.214478 5.38164 0.214478 5.38047C0.199634 5.24609 0.185962 5.11328 0.173071 4.98203C0.17229 4.97383 0.171509 4.96562 0.170728 4.95742C0.165259 4.89961 0.15979 4.84219 0.154321 4.78516C0.15354 4.77344 0.152368 4.76211 0.151196 4.75078C0.143384 4.66445 0.135962 4.5793 0.128931 4.49492C0.125024 4.44531 0.121118 4.39609 0.116821 4.34727C0.109009 4.24805 0.101978 4.15039 0.0949463 4.05391C0.094165 4.04531 0.0937744 4.03633 0.0929932 4.02773C0.0871338 3.94023 0.0812744 3.8543 0.0758057 3.76953C0.0738525 3.73633 0.0718994 3.70312 0.0695557 3.66992C0.06604 3.61172 0.062915 3.55391 0.0593994 3.49688C0.05979 3.49609 0.0593994 3.49531 0.0593994 3.49453C0.0562744 3.43828 0.05354 3.38281 0.050415 3.32773C0.050415 3.32422 0.050415 3.3207 0.050415 3.3168C0.0461182 3.23516 0.0426025 3.15508 0.0390869 3.07656C0.0355713 2.99766 0.0324463 2.9207 0.0297119 2.84531C0.0293213 2.83398 0.0289307 2.82305 0.02854 2.81211C0.0265869 2.7582 0.0246338 2.70547 0.0230713 2.65391C0.0226807 2.64258 0.02229 2.63125 0.0218994 2.61992C0.0207275 2.57969 0.0195557 2.53984 0.0183838 2.50078C0.0176025 2.47578 0.0172119 2.45078 0.0164307 2.42656C0.0156494 2.40234 0.0152588 2.37852 0.0144775 2.35508C0.0144775 2.34805 0.0144775 2.34102 0.0140869 2.33398C0.0133057 2.3 0.0125244 2.2668 0.0121338 2.23398C0.0105713 2.15625 0.00939941 2.08164 0.00822754 2.00937C0.00783691 1.97031 0.00744629 1.93203 0.00705566 1.89492V1.87617C0.00705566 1.84141 0.00627441 1.80742 0.00627441 1.77422C0.00627441 1.75547 0.00588379 1.73672 0.00588379 1.71797C0.00549316 1.675 0.00549316 1.63359 0.00549316 1.59375V1.55469C0.00705566 1.1875 0.304712 0.890625 0.67229 0.890625C0.831665 0.890625 0.977759 0.946484 1.0926 1.04023L1.18909 1.13672L13.3727 13.3203H13.3723Z" fill="url(#murfp-p1)"/><path d="M0.428925 6.97314C0.4508 7.10791 0.473846 7.24346 0.497675 7.37979C0.473456 7.24385 0.4508 7.10791 0.428925 6.97314Z" fill="url(#murfp-p2)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.75314 7.47424C1.1264 9.53099 1.72952 11.4905 2.64563 12.8315C3.95044 14.741 5.7483 15.7643 7.63292 15.8487C9.51803 15.933 11.5088 15.0787 13.1988 13.1952L13.3732 13.3517C11.6452 15.2775 9.59007 16.1709 7.62244 16.0828C5.65432 15.9947 3.79262 14.9254 2.45212 12.9638L2.45211 12.9638C1.50806 11.5818 0.897712 9.58345 0.522532 7.51609C0.14684 5.44592 0.00473022 3.29356 0.00473022 1.59375H0.239105C0.239105 3.28222 0.380394 5.4203 0.75314 7.47424Z" fill="url(#murfp-p3)"/><path d="M6.60629 6.63281C9.41918 3.3375 13.2485 1.45859 16.5414 0.582031C16.5426 0.58164 16.5438 0.58125 16.545 0.580859C16.6274 0.559375 16.709 0.537891 16.7903 0.517578C16.9672 0.480469 17.1504 0.460938 17.3379 0.460938C18.811 0.460938 20.0047 1.65469 20.0047 3.12773V18.3875C20.0043 14.9992 19.2817 9.80898 17.4215 7.08672C16.9336 6.37266 16.3789 5.77148 15.7778 5.28984C15.777 5.28984 15.7758 5.28906 15.775 5.28789C15.7254 5.24766 15.675 5.20859 15.6247 5.1707C12.9844 3.1707 9.4184 3.62461 6.68442 6.67187L6.60629 6.63281Z" fill="url(#murfp-p4)"/><path d="M6.63757 6.66387L6.65007 6.64902L6.65203 6.64668L6.73874 6.54395C7.65046 5.55293 8.66492 4.82246 9.72468 4.3791C9.74343 4.37129 9.76257 4.36348 9.78132 4.35606C10.543 4.05215 11.329 3.89551 12.1188 3.89551C12.2501 3.89551 12.3809 3.8998 12.5118 3.9084C14.4833 4.03848 16.2751 5.14356 17.5571 7.02051C18.4075 8.26504 19.0571 10.0979 19.4872 12.4682C19.495 12.5119 19.5032 12.5557 19.511 12.5994C19.511 12.601 19.5114 12.6029 19.5118 12.6045C19.5356 12.7408 19.5587 12.8764 19.5805 13.0111C19.5821 13.0229 19.5841 13.0346 19.586 13.0459C19.6044 13.1607 19.6219 13.2748 19.6387 13.3881C19.6469 13.4432 19.6548 13.4979 19.663 13.5521C19.6872 13.7232 19.7098 13.8924 19.7313 14.06C19.7403 14.1334 19.7493 14.2064 19.7583 14.2795C19.7626 14.3178 19.7673 14.3561 19.7719 14.3943C19.7798 14.4631 19.7876 14.5314 19.795 14.5994C19.795 14.601 19.7954 14.6025 19.7954 14.6037C19.8102 14.7381 19.8239 14.8709 19.8368 15.0021C19.8376 15.0104 19.8384 15.0186 19.8391 15.0268C19.8446 15.0846 19.8501 15.142 19.8555 15.199C19.8563 15.2107 19.8575 15.2221 19.8587 15.2334C19.8665 15.3197 19.8739 15.4049 19.8809 15.4893C19.8848 15.5389 19.8887 15.5881 19.893 15.6369C19.9009 15.7361 19.9079 15.8338 19.9149 15.9303C19.9157 15.9389 19.9161 15.9479 19.9169 15.9564C19.9227 16.0439 19.9286 16.1299 19.9341 16.2146C19.936 16.2479 19.938 16.2811 19.9403 16.3143C19.9438 16.3725 19.9469 16.4303 19.9505 16.4873C19.9501 16.4881 19.9505 16.4889 19.9505 16.4896C19.9536 16.5459 19.9563 16.6014 19.9594 16.6564C19.9594 16.66 19.9594 16.6635 19.9594 16.6674C19.9637 16.749 19.9673 16.8291 19.9708 16.9076C19.9743 16.9865 19.9774 17.0635 19.9802 17.1389C19.9805 17.1502 19.9809 17.1611 19.9813 17.1721C19.9833 17.226 19.9852 17.2787 19.9868 17.3303C19.9872 17.3416 19.9876 17.3529 19.988 17.3643C19.9891 17.4045 19.9903 17.4443 19.9915 17.4834C19.9923 17.5084 19.9927 17.5334 19.9934 17.5576C19.9942 17.5818
221519.9946 17.6057 19.9954 17.6291C19.9954 17.6361 19.9954 17.6432 19.9958 17.6502C19.9966 17.6842 19.9973 17.7174 19.9977 17.7502C19.9993 17.8279 20.0005 17.9025 20.0016 17.9748C20.002 18.0139 20.0024 18.0522 20.0028 18.0893V18.108C20.0028 18.1428 20.0036 18.1768 20.0036 18.21C20.0036 18.2287 20.004 18.2475 20.004 18.2662C20.0044 18.3092 20.0044 18.3506 20.0044 18.3904V18.4295C20.0028 18.7967 19.7052 19.0936 19.3376 19.0936C19.1782 19.0936 19.0321 19.0377 18.9173 18.9439L18.8208 18.8475L6.63757 6.66387Z" fill="url(#murfp-p5)"/><path d="M19.5809 13.0111C19.5591 12.8764 19.536 12.7408 19.5122 12.6045C19.5364 12.7404 19.5591 12.8764 19.5809 13.0111Z" fill="url(#murfp-p6)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3766 4.13557C10.4915 4.05119 8.50073 4.90551 6.81072 6.78905L6.63628 6.63252C8.36424 4.70668 10.4194 3.81335 12.387 3.90143C14.3552 3.98953 16.2169 5.05879 17.5574 7.02045C18.5016 8.40224 19.112 10.4006 19.4871 12.468C19.8627 14.5382 20.0048 16.6907 20.0048 18.3905H19.7704C19.7704 16.702 19.6292 14.5638 19.2565 12.5098C18.8833 10.453 18.2801 8.49355 17.3639 7.15269L17.4606 7.08657L17.3639 7.15269C16.059 5.24325 14.2612 4.21993 12.3766 4.13557Z" fill="url(#murfp-p7)"/><path d="M9.99998 14.7776C12.6387 14.7776 14.7777 12.6386 14.7777 9.9999C14.7777 7.36123 12.6387 5.22217 9.99998 5.22217C7.36131 5.22217 5.22224 7.36123 5.22224 9.9999C5.22224 12.6386 7.36131 14.7776 9.99998 14.7776Z" fill="white"/></g></svg></span>', u += '<span class="mur-call-preview__role">' + S(e.aiRoleLabel || "AI Assistant") + "</span>") : (u += '<span class="mur-call-preview__avatar mur-call-preview__avatar--customer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="10" fill="url(#murfp-cust-g)" fill-opacity="0.5"/></svg></span>', u += '<span class="mur-call-preview__role">' + S(e.customerLabel || "Customer") + "</span>"), u += "</div>", u += '<div class="mur-call-preview__bubble-stack">'; 2216 for (var C = 0; C < s.length; C++) { 2217 var v = s[C]; 2218 u += '<div class="mur-call-preview__bubble mur-call-preview__bubble--' + (d ? "ai" : "customer") + (Z(l, [v]) ? " mur-call-preview__bubble--enter" : "") + '" data-bubble-turn="' + v + '"><span class="mur-call-preview__bubble-inner">', u += W(v, e, k, r, a, t), u += "</span></div>" 2219 } 2220 u += "</div>", d || (u += "</div>"), u += "</div>" 2221 } 2222 x.innerHTML = u, P(!0) 2223 } else { 2224 for (var f = ("playing" === T || "mid-playback" === T) && 0 <= a, h = 0; h < i.length; h++) { 2225 var w = i[h], 2226 g = x.querySelector('[data-bubble-turn="' + w + '"] .mur-call-preview__bubble-inner'); 2227 g && (f && w === a ? V(g, w, e, k, r, t) : g.innerHTML = W(w, e, k, r, a, t)) 2228 } 2229 P(!1) 2230 } 2231 if (M) { 2232 var y = Math.min(100, Math.max(0, L)); 2233 M.style.width = y + "%" 2234 } 2235 var b = "playing" === T || "mid-playback" === T; 2236 A.classList.toggle("is-playing", b), A.setAttribute("aria-label", b ? "Pause Call Preview" : "Play Call Preview"), x && x.classList.toggle("mur-call-preview__thread--scroll-locked", b) 2237 } 2238 2239 function f() { 2240 try { 2241 if (!C || !window.parent || window.parent === window) return; 2242 var e = C.duration; 2243 e && isFinite(e) && 0 < e && window.parent.postMessage({ 2244 source: "mur-call-preview-debug", 2245 type: "ready", 2246 duration: e 2247 }, "*") 2248 } catch (e) {} 2249 } 2250 2251 function h() { 2252 try { 2253 if (!C || !window.parent || window.parent === window) return; 2254 var e = C.duration; 2255 if (!e || !isFinite(e)) return; 2256 var t = Date.now(); 2257 if (t - o < 180) return; 2258 o = t, window.parent.postMessage({ 2259 source: "mur-call-preview-debug", 2260 type: "time", 2261 time: C.currentTime, 2262 duration: e 2263 }, "*") 2264 } catch (e) {} 2265 } 2266 }) 2267 </script>
2267 2268</div> 2269</div></div></div><div class="margin-top margin-large"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp" loading="lazy" width="1200" height="1" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6947b1fd6b676b905c808e03_Line%20300.webp 656w" sizes="100vw"/></div></div></div></div></section><section class="section_stats_api"><div id="apibg" class="api-bg"></div><div><div class="padding-global padding-section-medium new"><div class="text-align-center"><h2 class="heading-style-h2 custom-heading-api-hero"><span class="gradients-primary-1-text">AI Voice Solutions </span><br/><span class="heading-style-h4">for Developers, Creators and Localization Teams</span></h2><div class="margin-top margin-small for-home"><p class="subheading text-low-contrast opacity-70">From production-grade APIs to studio-quality voiceovers and <br/>dubbing, our solutions plug seamlessly into every workflow.<br/></p></div></div></div></div><div class="academy-toolbar for-home hide-mobile-portrait hide-mobile-landscape"><div class="sticky-div"><div class="padding-global"><div class="container-large"><div id="sticky-bar" class="flex-container webinar-nav_layout v2 products-nav"><a id="stick1" href="#Api" class="academy-nav-link home w-inline-block"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6978c06c4e8c22aad457ba5c_Murf%20Logos%20-%20Color.png" loading="lazy" width="126" height="18" alt=""/></a><a id="stick2" href="#Studio" class="academy-nav-link home w-inline-block"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6978c01d0519583e2ca62568_Murf%20Logos%20-%20Color%20(1).webp" loading="lazy" width="178" height="18" alt=""/></a><a id="stick3" href="#Dubbing" class="academy-nav-link home w-inline-block"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6978c01d5974e9ec7246209c_Murf%20Logos%20-%20Color%20(2).webp" loading="lazy" width="197" height="18" alt=""/></a></div><div class="hide w-embed w-script"><style> 2270.academy-nav-link.w--current { 2271 background: transparent !important; 2272} 2273.academy-nav-link { 2274 position: relative; 2275 display: flex !important; 2276 min-width: 280px !important; 2277 padding: 16px var(--Space-2, 16px) !important; 2278 justify-content: center !important; 2279 align-items: flex-start !important; 2280 gap: 5.523px !important; 2281 flex: 1 0 0 !important; 2282 border-radius: 56px !important; 2283 background: transparent !important; 2284 z-index: 2; 2285 height: 50px !important; 2286 box-sizing: border-box !important; 2287 2288 transition: none !important; 2289} 2290.academy-nav-link.w--current { 2291 color: #ffffff !important; 2292} 2293.academy-nav-link > * { 2294 margin-top: 0 !important; 2295 position: relative !important; 2296 top: 0 !important; 2297} 2298@media (max-width: 991px) { 2299 .academy-nav-link { 2300 min-width: 224px !important; 2301 padding: 16px !important; 2302 height: 48px !important; 2303 } 2304} 2305</style>
2306<script> 2307document.addEventListener('DOMContentLoaded', function() { 2308 const stick1 = document.getElementById('stick1'); 2309 const stick2 = document.getElementById('stick2'); 2310 const stick3 = document.getElementById('stick3'); 2311 const tabs = [stick1, stick2, stick3]; 2312 2313 let targetTab = null; 2314 let blockUpdates = false; 2315 2316 const indicator = document.createElement('div'); 2317 indicator.style.cssText = ` 2318 position: absolute; 2319 top: 8px; 2320 left: 8px; 2321 height: calc(100% - 16px); 2322 background: #0A001E; 2323 border-radius: 56px; 2324 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 2325 z-index: 1; 2326 pointer-events: none; 2327 `; 2328 2329 const parent = stick1.parentElement; 2330 parent.style.position = 'relative'; 2331 parent.insertBefore(indicator, parent.firstChild); 2332 2333 function moveIndicator(tab) { 2334 const rect = tab.getBoundingClientRect(); 2335 const parentRect = parent.getBoundingClientRect(); 2336 indicator.style.width = rect.width + 'px'; 2337 indicator.style.transform = `translateX(${rect.left - parentRect.left - 8}px)`; 2338 } 2339 2340 function updateActiveTab() { 2341 const activeTab = tabs.find(tab => tab.classList.contains('w--current')); 2342 2343 // If blocking updates, only respond when target tab is reached 2344 if (blockUpdates && targetTab) { 2345 if (activeTab === targetTab) { 2346 // Target reached, stop blocking 2347 blockUpdates = false; 2348 targetTab = null; 2349 } 2350 // Ignore intermediate tab activations 2351 return; 2352 } 2353 2354 // Normal behavior 2355 if (activeTab) { 2356 moveIndicator(activeTab); 2357 } 2358 } 2359 2360 // Initial position 2361 updateActiveTab(); 2362 2363 // Watch for class changes 2364 const observer = new MutationObserver(function(mutations) { 2365 mutations.forEach(function(mutation) { 2366 if (mutation.attributeName === 'class') { 2367 updateActiveTab(); 2368 } 2369 }); 2370 }); 2371
2372 tabs.forEach(tab => { 2373 observer.observe(tab, { attributes: true }); 2374 }); 2375 2376 // Click handlers 2377 tabs.forEach(tab => { 2378 tab.addEventListener('click', function(e) { 2379 const currentActive = tabs.find(t => t.classList.contains('w--current')); 2380 2381 // Check if clicking a non-adjacent tab 2382 const currentIndex = tabs.indexOf(currentActive); 2383 const clickedIndex = tabs.indexOf(this); 2384 const isSkippingTab = Math.abs(clickedIndex - currentIndex) > 1; 2385 2386 // ALWAYS move indicator immediately on click 2387 moveIndicator(this); 2388 2389 if (isSkippingTab) { 2390 // Block intermediate updates 2391 targetTab = this; 2392 blockUpdates = true; 2393 2394 // Safety timeout 2395 setTimeout(() => { 2396 blockUpdates = false; 2397 targetTab = null; 2398 }, 1500); 2399 } 2400 }); 2401 }); 2402 2403 // Resize handler 2404 window.addEventListener('resize', () => { 2405 if (!blockUpdates) { 2406 updateActiveTab(); 2407 } 2408 }); 2409}); 2410</script>
2410</div><div class="hide w-embed"><style> 2411#sticky-bar { 2412 background: linear-gradient(250deg, rgba(29, 17, 54, 0.70) 0%, rgba(29, 17, 54, 0.70) 100%); 2413 backdrop-filter: blur(20px); 2414 -webkit-backdrop-filter: blur(20px); 2415 width: 100%; 2416 max-width: 100%; 2417 height: 66px; 2418 box-sizing: border-box; 2419 overflow-x: hidden; 2420} 2421 2422/* Tablet and mobile optimization */ 2423@media (max-width: 1024px) { 2424 #sticky-bar { 2425 position: relative; /* or position: sticky; depending on your needs */ 2426 left: 0; 2427 right: 0; 2428 width: 100%; 2429 height: 60px; 2430 } 2431} 2432</style></div></div></div><div class="divider for-home"></div></div></div><div id="Api" class="toc-link_container"><div id="gradient1" class="api_card for-home api"><div class="padding-global"><div class="container-xlarge for-home"><div class="padding-section-medium-large gap-16px"><div class="margin-bottom margin-xsmall"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a85a0424a61019facf3fe22_Frame%202147238525.webp" loading="lazy" alt="" class="icon-height-medium"/></div><div smooting="0.8" cornerRadiusAll="60" class="_2-col-layout new"><div class="margin-top"><div class="content_block_title"><div class="flex-container align-middle gap-1-5"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/696e92820b3b8f1445ec303b_Murf%20Logos%20-%20Color.webp" loading="lazy" alt="" class="api-icon"/><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/696e923a7e21b6a0fdc990a8_Target%20User.webp" loading="lazy" class="icon-height-custom"/></div><div class="margin-top margin-xsmall new"><h3 class="heading-style-h2 text-high-contrast"><strong>The Fastest Text-to-Speech API.<br/></strong><span><strong class="heading-style-h3 gradients-primary-1-text">Ranked Among the Most Natural.</strong></span></h3></div></div><div><div class="margin-top margin-small"><p id="api-text">With Murf Falcon 2, you can build conversational agents that respond in real time and sound human, without trading speed for quality or cost.</p></div><div class="margin-top margin-custom2"><div class="button-group"><a data-wf--new-design-system-variables--button--variant="primary" href="https://murf.ai/api/dashboard?utm_source=murf_home" class="new-design-system-variables--button w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><div class="new-design-system-variables--g-button-text w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191">Get API Key</div></div></div></a><a data-wf--new-design-system-variables--button--variant="secondary-dark" href="https://murf.ai/falcon" class="new-design-system-variables--button w-variant-117086e5-0a04-ea62-6fe2-264a1780db52 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner w-variant-117086e5-0a04-ea62-6fe2-264a1780db52"><div class="new-design-system-variables--g-button-text">Learn More</div></div></div></a></div></div></div><div class="margin-top margin-xxlarge custom"><div class="text-weight-bold purple-2">USE CASES</div></div><div class="margin-top margin-small for-home"><div class="_2-col-layout align-left gap-half"><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 2433 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2434 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 2435 <defs> 2436 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 2437 <stop stop-color="#735DFF" stop-opacity="0.5"/> 2438 <stop offset="1" stop-color="#735DFF"/> 2439 </linearGradient> 2440 </defs> 2441 </svg> 2442</span> 2443 2444<style> 2445.dot-icon { 2446 display: inline-flex; 2447 align-items: center; /* â vertical center with text */ 2448 vertical-align: middle; 2449} 2450</style></div></div></div><p class="subheading-small text-mid-contrast">Customer Service & Support</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon">
2451 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2452 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 2453 <defs> 2454 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 2455 <stop stop-color="#735DFF" stop-opacity="0.5"/> 2456 <stop offset="1" stop-color="#735DFF"/> 2457 </linearGradient> 2458 </defs> 2459 </svg> 2460</span> 2461 2462<style> 2463.dot-icon { 2464 display: inline-flex; 2465 align-items: center; /* â vertical center with text */ 2466 vertical-align: middle; 2467 padding-bottom: 3px; 2468} 2469</style></div></div></div><p class="subheading-small text-mid-contrast">Sales & Lead Generation</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div><div class="w-embed"><span class="dot-icon"> 2470 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2471 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 2472 <defs> 2473 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 2474 <stop stop-color="#735DFF" stop-opacity="0.5"/> 2475 <stop offset="1" stop-color="#735DFF"/> 2476 </linearGradient> 2477 </defs> 2478 </svg> 2479</span> 2480 2481<style> 2482.dot-icon { 2483 display: inline-flex; 2484 align-items: center; /* â vertical center with text */ 2485 vertical-align: middle; 2486} 2487</style></div></div></div><p class="subheading-small text-mid-contrast">Appointment Booking</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 2488 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2489 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 2490 <defs> 2491 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 2492 <stop stop-color="#735DFF" stop-opacity="0.5"/> 2493 <stop offset="1" stop-color="#735DFF"/> 2494 </linearGradient> 2495 </defs> 2496 </svg> 2497</span> 2498 2499<style> 2500.dot-icon { 2501 display: inline-flex; 2502 align-items: center; /* â vertical center with text */ 2503 vertical-align: middle; 2504} 2505</style></div></div></div><p class="subheading-small text-mid-contrast">Debt Servicing</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 2506 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2507 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 2508 <defs> 2509 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 2510 <stop stop-color="#735DFF" stop-opacity="0.5"/> 2511 <stop offset="1" stop-color="#735DFF"/> 2512 </linearGradient> 2513 </defs> 2514 </svg> 2515</span> 2516 2517<style> 2518.dot-icon { 2519 display: inline-flex; 2520 align-items: center; /* â vertical center with text */ 2521 vertical-align: middle; 2522} 2523</style></div></div></div><p class="subheading-small text-mid-contrast">Hiring & Recruitment</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 2524 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2525 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 2526 <defs> 2527 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 2528 <stop stop-color="#735DFF" stop-opacity="0.5"/> 2529 <stop offset="1" stop-color="#735DFF"/> 2530 </linearGradient> 2531 </defs> 2532 </svg> 2533</span> 2534 2535<style> 2536.dot-icon { 2537 display: inline-flex; 2538 align-items: center; /* â vertical center with text */ 2539 vertical-align: middle; 2540} 2541</style></div></div></div><p class="subheading-small text-mid-contrast">IT Helpdesk</p></div></div></div></div><div id="carousel-container" class="margin-top margin-xhuge tablet w-node-_50d8d8b7-7ca2-0b88-0042-c2b4956469c0-84a2a6be"><div class="embed-align w-embed w-script"><!DOCTYPE html> 2542<html lang="en"> 2543<head> 2544 <meta charset="UTF-8"> 2545 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2546 <title>Voice Agent Carousel</title> 2547 <link href="https://fonts.googleapis.com/css2?family=Square+Peg&family=Inter:wght@400;500;600&family=Roboto+Flex:wght@600&display=swap" rel="stylesheet" media="print" onload="this.media='all'"> 2548 <noscript><link href="https://fonts.googleapis.com/css2?family=Square+Peg&family=Inter:wght@400;500;600&family=Roboto+Flex:wght@600&display=swap" rel="stylesheet"></noscript> 2549 <style> 2550 .container { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 20px 10px; opacity: 0; transition: opacity 0.8s ease-in-out; } 2551 .container.loaded { opacity: 1; } 2552 /* Dropdown Pill */ 2553 .dropdown-pill { display: flex; width: 260px; margin: 0 auto; align-items: center; gap: 8px; border-radius: 12px; background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); position: relative; cursor: pointer; z-index: 1000; transition: all 0.3s ease; } 2554 .dropdown-pill:hover { transform: scale(1); } 2555 .country-info:hover { transform: scale(1); background: rgba(255,255,255,0.1); } 2556 2557 /* Scoped only to dropdown country navigation buttons */ 2558 .dropdown-nav-btn { 2559 background: rgba(255,255,255,0); 2560 border: none; 2561 border-radius: 8px; 2562 width: 32px; 2563 height: 32px; 2564 display: flex; 2565 align-items: center; 2566 justify-content: center; 2567 cursor: pointer; 2568 color: #fff; 2569 font-size: 16px; 2570 transition: all 0.3s ease; 2571 position: relative; 2572 z-index: 1001; 2573 } 2574 .dropdown-nav-btn:hover { 2575 background: rgba(255,255,255,0.1); 2576 transform: scale(1.05); 2577 } 2578 .dropdown-nav-btn:disabled { 2579 opacity: 0.5;
2580 cursor: not-allowed; 2581 } 2582 .dropdown-nav-btn svg { 2583 width: 8px; 2584 height: 12px; 2585 transition: transform 0.3s ease; 2586 } 2587 .dropdown-nav-btn:hover svg { 2588 transform: scale(1.1); 2589 } 2590 .dropdown-nav-btn.right-arrow svg { 2591 transform: scaleX(-1); 2592 } 2593 .dropdown-nav-btn.right-arrow:hover svg { 2594 transform: scaleX(-1) scale(1.1); 2595 } 2596 2597 /* Agent navigation buttons (unchanged) */ 2598 .agent-nav-btn { 2599 background: rgba(245,243,249,0.1); 2600 backdrop-filter: blur(6px); 2601 width: 40px; 2602 height: 40px; 2603 gap: 12px; 2604 border-radius: 29.231px; 2605 border: none; 2606 display: flex; 2607 align-items: center; 2608 justify-content: center; 2609 cursor: pointer; 2610 transition: all 0.3s ease; 2611 position: relative; 2612 z-index: 10; 2613 } 2614 .agent-nav-btn svg { 2615 width: 16px; 2616 height: 16px; 2617 } 2618 .agent-nav-btn:hover { 2619 background: rgba(245,243,249,0.2); 2620 } 2621 .agent-nav-btn:hover svg { 2622 transform: scale(1.1); 2623 } 2624 .agent-nav-btn.right-arrow svg { 2625 transform: scaleX(-1); 2626 } 2627 .agent-nav-btn.right-arrow:hover svg { 2628 transform: scaleX(-1) scale(1.1); 2629 } 2630 2631 .country-info { flex: 1; display: flex; align-items: center; gap: 8px; justify-content: center; color: #FFEDF4; font-family: Inter; font-size: 12px; line-height: 18px; padding: 8px; border-radius: 8px; cursor: pointer; transition: background 0.3s ease; } 2632 .flag, .card-flag { width: 24px; height: 24px; border-radius: 2px; overflow: hidden; } 2633 .dropdown-item-flag { width: 18px; height: 18px; border-radius: 2px; overflow: hidden; } 2634 .flag img, .dropdown-item-flag img, .card-flag img { height: 100%; object-fit: cover; } 2635 /* Dropdown Menu */ 2636 .dropdown-menu { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; background: rgba(56,47,80,0.9); border-radius: 12px; z-index: 999999999; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; padding: 8px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.3); max-height: 200px; overflow-y: auto; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); scrollbar-width: none; } 2637 .dropdown-menu::-webkit-scrollbar { display: none; } 2638 .dropdown-menu.open { opacity: 1; visibility: visible; transform: translateY(0); } 2639 .dropdown-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: #FFEDF4; font-family: Inter; font-size: 12px; line-height: 18px; cursor: pointer; transition: background 0.3s ease; border-bottom: 1px solid rgba(255,255,255,0.1); } 2640 .dropdown-item:last-child { border-bottom: none; } 2641 .dropdown-item:hover { background: rgba(255,255,255,0.1); } 2642 .dropdown-item.active { background: rgba(255,255,255,0.2); } 2643 /* Cards Component */ 2644 .cards-component { display: flex; justify-content: center; align-items: center; height: 256px; gap: 20px; position: relative; width: 100%; max-width: 620px; margin: 0 auto; } 2645 .carousel-container { position: relative; width: 620px; height: 256px; transform-style: preserve-3d; overflow: hidden; flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin: 0 auto; } 2646 .carousel { position: relative; width: 80%; height: 100%; transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(0.4,0,0.2,1); display: flex; justify-content: center; align-items: center; } 2647 .carousel.scrolling { transition: none; } 2648 .carousel.zoom { transition: transform 0.1s cubic-bezier(0.4,0,0.2,1); } 2649 .carousel.fast-navigation { transition: transform 0.15s cubic-bezier(0.4,0,0.2,1); } 2650 .card { position: absolute; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; border-radius: 10.165px; color: #fff; cursor: pointer; transition: all 0.6s ease-in-out; transform-style: preserve-3d; overflow: hidden; background-size: cover; background-position: top center; background-repeat: no-repeat; box-sizing: border-box; } 2651 .carousel.scrolling .card { transition: none; } 2652 .carousel.fast-navigation .card { transition: all 0.15s ease-in-out; } 2653 .card:hover { transform: translateZ(20px) scale(1.05); } 2654 .card-content { background: linear-gradient(transparent, rgba(0,0,0,0.7)); width: 100%; position: relative; z-index: 2; box-sizing: border-box; padding: 12px; } 2655 .card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; } 2656 .card-name { font-family: "Roboto Flex"; font-size: 18px; font-weight: 600; line-height: 21px; color: #FFF; font-style: normal; letter-spacing: 0; text-shadow: 0,1px,2px,rgba(0,0,0,0.8); } 2657 .card-role { font-family: "Inter"; font-size: 12px; font-weight: 400; line-height: 18px; color: #FFF; font-style: normal; text-shadow: 0,1px,2px,rgba(0,0,0,0.8); margin-bottom: 8px; } 2658 .card-tags { display: flex; gap: 4px; } 2659 .card-tag { display: flex; height: 24px; padding: 0px 8px; align-items: center; border-radius: 100px; background: rgba(197, 192, 209, 0.14); color: #F1F0F5; font-family: Inter; font-size: 10px; font-weight: 500; line-height: 14px; font-style: normal; } 2660 /* Fast Navigation Indicator */ 2661 .fast-navigation-indicator { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.9); color: #333; padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 500; z-index: 1000; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } 2662 .fast-navigation-indicator.show { opacity: 1; } 2663 /* Call Button */ 2664 .call-btn { display: flex !important; padding: 11px 20px; justify-content: center; align-items: center; gap: 8px; border-radius: 11px; background: rgba(255, 255, 255, .14) !important; border: none; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; width: 166px; margin: 0 auto; position: relative; z-index: 10; } 2665 .call-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(238,33,122,0.5); } 2666 .call-btn:active { transform: translateY(0); } 2667 .call-btn.pop { animation: buttonPop 0.3s ease; } 2668 .call-icon { width: 15px; height: 15px; z-index: 11; } 2669 @keyframes buttonPop { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } 2670 /* Try Now Section */ 2671 .try-now-section { display: none !important; align-items: center; justify-content: center; gap: 4px; margin-top: 16px; position: relative; right: 100px; bottom: 35px; } 2672 .try-now-text { color: #FFF; font-family: "Square Peg"; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal; position: relative; bottom: -10px; } 2673 .try-now-arrow { width: 43px; height: 33px; } 2674 /* Loading State */ 2675 .carousel .card { opacity: 0; transform: translate3d(0, 30px, 0) scale(0.9); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } 2676 .carousel.loaded .card { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 2677 /* Responsive Design */ 2678 @media (max-width: 640px) { 2679 .container { max-width: 500px; padding: 15px 10px; } 2680 .carousel-container { min-width: 450px; width: 100%; height: 256px; position: relative; } 2681 .card { width: 180px; height: 230px; } 2682 .card-name { font-size: 16px !important; line-height: 19px !important; } 2683 .card-role { font-size: 11px !important; line-height: 16px !important; } 2684 .card-tag { font-size: 9px !important; line-height: 13px !important; padding: 3px 6px !important; height: 20px !important; } 2685 .agent-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; min-width: 40px; min-height: 40px; touch-action: manipulation; background: rgba(245,243,249,0.1); backdrop-filter: blur(6px); }
2686 .agent-nav-btn#prevAgent { left: 10px; } 2687 .agent-nav-btn#nextAgent { right: 10px; } 2688 } 2689 @media (max-width: 480px) { 2690 .container { max-width: 280px; } 2691 .carousel-container { min-width: 450px; transform: scale(0.82); } 2692 .card { width: 150px; height: 190px; } 2693 .card-name { font-size: 14px !important; line-height: 17px !important; } 2694 .card-role { font-size: 10px !important; line-height: 14px !important; } 2695 .card-tag { font-size: 8px !important; line-height: 12px !important; padding: 2px 5px !important; height: 18px !important; } 2696 .agent-nav-btn { min-width: 44px; min-height: 44px; } 2697 .agent-nav-btn#prevAgent { left: 5px; } 2698 .agent-nav-btn#nextAgent { right: 5px; } 2699 } 2700 </style> 2701</head> 2702<body> 2703 <div class="container" id="mainContainer"> 2704 <div class="dropdown-pill" id="dropdownPill"> 2705 <!-- Changed class from nav-btn to dropdown-nav-btn --> 2706 <button class="dropdown-nav-btn" id="prevCountryBtn" onclick="navigateCountry(-1)"> 2707 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"> 2708 <path d="M6.5 1L1.5 6L6.5 11" stroke="#A491C6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2709 </svg> 2710 </button> 2711 <div class="country-info" id="countryInfo"> 2712 <div class="flag" id="countryFlag"> 2713 <img src="https://murf.ai/public-assets/countries/us-canada.svg" alt="English (US)" loading="lazy"> 2714 </div> 2715 <span id="countryName">English (US)</span> 2716 </div> 2717 <!-- Changed class from nav-btn to dropdown-nav-btn + kept right-arrow --> 2718 <button class="dropdown-nav-btn right-arrow" id="nextCountryBtn" onclick="navigateCountry(1)"> 2719 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"> 2720 <path d="M6.5 1L1.5 6L6.5 11" stroke="#A491C6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2721 </svg> 2722 </button> 2723 <div class="dropdown-menu" id="dropdownMenu"></div> 2724 </div> 2725 <div class="cards-component"> 2726 <div class="carousel-container" id="carouselContainer"> 2727 <button class="agent-nav-btn" id="prevAgent"> 2728 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 2729 <path d="M13.3337 7.33366H5.22033L8.94699 3.60699L8.00033 2.66699L2.66699 8.00033L8.00033 13.3337L8.94033 12.3937L5.22033 8.66699H13.3337V7.33366Z" fill="#FFEDF4"/> 2730 </svg> 2731 </button> 2732 <div class="carousel" id="carousel"></div> 2733 <button class="agent-nav-btn right-arrow" id="nextAgent"> 2734 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 2735 <path d="M13.3337 7.33366H5.22033L8.94699 3.60699L8.00033 2.66699L2.66699 8.00033L8.00033 13.3337L8.94033 12.3937L5.22033 8.66699H13.3337V7.33366Z" fill="#FFEDF4"/> 2736 </svg> 2737 </button> 2738 </div> 2739 </div> 2740 <button class="call-btn" id="callBtn"> 2741 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none" class="call-icon"> 2742 <path d="M4.16562 10.8346C0.584839 7.25381 0.675126 2.61904 0.879599 0.791039C0.931685 0.325394 1.33352 0 1.80207 0H3.14613C4.28244 0 5.39991 0.629178 5.60543 1.74675C6.12687 4.58225 4.00024 6 4.00024 6C4.00024 6 4.00024 7 6.00024 9C8.00024 11 9.00024 11 9.00024 11C9.00024 11 10.418 8.87338 13.2534 9.3948C14.371 9.60032 15.0002 10.7178 15.0002 11.8541L15.0002 13.1981C15.0002 13.6667 14.6748 14.0685 14.2092 14.1206C12.3811 14.3251 7.74639 14.4153 4.16562 10.8346Z" fill="#FFE3E9"/> 2743 </svg> 2744 Call Agent 0 2745 </button> 2746 <div class="try-now-section">
2747 <span class="try-now-text">Try them now!</span> 2748 <svg xmlns="http://www.w3.org/2000/svg" width="43" height="33" viewBox="0 0 43 33" fill="none" class="try-now-arrow"> 2749 <path d="M0.647109 31.4818C0.157917 31.2238 0.0815217 30.7027 0.476476 30.3177C0.87143 29.9327 1.58817 29.8297 2.07737 30.0877L1.36224 30.7847L0.647109 31.4818ZM33.5583 0.966036C34.0361 0.6348 34.7547 0.628985 35.1633 0.953051L41.822 6.23403C42.2306 6.55809 42.1745 7.08932 41.6966 7.42056C41.2188 7.7518 40.5002 7.75762 40.0916 7.43355L34.1727 2.73935L27.251 7.53743C26.7732 7.86867 26.0545 7.87448 25.6459 7.55042C25.2373 7.22635 25.2934 6.69512 25.7713 6.36388L33.5583 0.966036ZM1.36224 30.7847L2.07737 30.0877C5.2267 31.7482 12.0961 32.1497 18.6547 28.41C25.1908 24.6832 31.5601 16.734 33.1632 1.56199L34.2981 1.55281L35.4331 1.54363C33.8034 16.968 27.2805 25.5202 19.9447 29.7029C12.6315 33.8728 4.64924 33.592 0.647109 31.4818L1.36224 30.7847Z" fill="white"/> 2750 </svg> 2751 </div> 2752 </div> 2753 2754 <!-- Your original script (100% unchanged) --> 2755
2755<script> 2756 const agents = [ 2757 { index: 0, agent: "Customer Support Agent", name: "Kim", locale: "en-US", gender: "female", voice: "Amara", avatar: "kim-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "us-canada.svg", flagDisplayName: "English (US)" }, 2758 { index: 1, agent: "Reservation Assistant", name: "Nelson", locale: "en-US", gender: "male", voice: "Gordon", avatar: "nelson-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "us-canada.svg", flagDisplayName: "English (US)" }, 2759 { index: 3, agent: "Reservation Assistant", name: "Benedict", locale: "en-UK", gender: "male", voice: "en-UK-benedict", avatar: "benedict-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "uk.svg", flagDisplayName: "English (UK)" }, 2760 { index: 5, agent: "Customer Support Agent", name: "Gemma", locale: "en-UK", gender: "female", voice: "Ruby", avatar: "gemma-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "uk.svg", flagDisplayName: "English (UK)" }, 2761 2762 /* it-IT â commented out 2763 { index: 6, agent: "Reservation Assistant", name: "Alessia", locale: "it-IT", gender: "female", voice: "it-IT-vera", avatar: "alessia-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "italy.svg", flagDisplayName: "Italian (Italy)" }, 2764 { index: 8, agent: "Customer Support Agent", name: "Dario", locale: "it-IT", gender: "male", voice: "en-UK-theo", avatar: "dario-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "italy.svg", flagDisplayName: "Italian (Italy)" }, 2765 */ 2766 2767 /* de-DE â commented out 2768 { index: 9, agent: "Reservation Assistant", name: "Ralf", locale: "de-DE", gender: "male", voice: "de-DE-be", avatar: "ralf-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "germany.svg", flagDisplayName: "German (Germany)" }, 2769 { index: 11, agent: "Customer Support Agent", name: "Svenja", locale: "de-DE", gender: "female", voice: "de-DE-lara", avatar: "svenja-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "germany.svg", flagDisplayName: "German (Germany)" }, 2770 */ 2771 2772 /* fr-FR â commented out 2773 { index: 12, agent: "Reservation Assistant", name: "Léa", locale: "fr-FR", gender: "female", voice: "fr-FR-adélie", avatar: "lea-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "france.svg", flagDisplayName: "French (France)" }, 2774 { index: 14, agent: "Customer Support Agent", name: "Guillaume", locale: "fr-FR", gender: "male", voice: "fr-FR-guillaume", avatar: "guillaume-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "france.svg", flagDisplayName: "French (France)" }, 2775 */ 2776 2777 { index: 15, agent: "Reservation Assistant", name: "Neha", locale: "en-IN", gender: "female", voice: "en-IN-isha", avatar: "neha-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "india.svg", flagDisplayName: "English (India)" }, 2778 { index: 16, agent: "Sales Agent", name: "Vyom", locale: "en-IN", gender: "male", voice: "en-IN-aarav", avatar: "vyom-avatar.webp", project: "travel-agency", agentTags: ["Conversational", "Friendly"], talkAbout: "Cheerful agent helping book vacations across planets, galaxies, and beyond for the travel company CosmoCruise.", flagName: "india.svg", flagDisplayName: "English (India)" }, 2779 { index: 17, agent: "Customer Support Agent", name: "Reeva", locale: "en-IN", gender: "female", voice: "en-IN-arohi", avatar: "reeva-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "india.svg", flagDisplayName: "English (India)" }, 2780 { index: 18, agent: "Reservation Assistant", name: "Arnav", locale: "hi-IN", gender: "female", voice: "hi-IN-ayushi", avatar: "arnav-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "india.svg", flagDisplayName: "Hindi (
2780India)" }, 2781 { index: 19, agent: "Customer Support Agent", name: "Anvi", locale: "hi-IN", gender: "female", voice: "hi-IN-shweta", avatar: "anvi-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "india.svg", flagDisplayName: "Hindi (India)" }, 2782 2783 /* en-AU â commented out 2784 { index: 20, agent: "Customer Support Agent", name: "Alex", locale: "en-AU", gender: "female", voice: "Kylie", avatar: "alex-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "australia.svg", flagDisplayName: "English (Australia)" }, 2785 { index: 21, agent: "Reservation Assistant", name: "Blake", locale: "en-AU", gender: "male", voice: "harper", avatar: "blake-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "australia.svg", flagDisplayName: "English (Australia)" }, 2786 */ 2787 2788 /* es-ES â commented out 2789 { index: 23, agent: "Reservation Assistant", name: "Sola", locale: "es-ES", gender: "female", voice: "en-UK-ruby", avatar: "sola-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "spain.svg", flagDisplayName: "Spanish (Spain)" }, 2790 { index: 25, agent: "Customer Support Agent", name: "Elena", locale: "es-ES", gender: "female", voice: "es-ES-carmen", avatar: "elena-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "spain.svg", flagDisplayName: "Spanish (Spain)" }, 2791 */ 2792 2793 /* es-MX â commented out 2794 { index: 29, agent: "Customer Support Agent", name: "Carlos", locale: "es-MX", gender: "male", voice: "es-MX-carlos", avatar: "carlos-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "spain-mexico.svg", flagDisplayName: "Spanish (Mexico)" }, 2795 { index: 30, agent: "Reservation Assistant", name: "Luisa", locale: "es-MX", gender: "female", voice: "es-MX-luisa", avatar: "luisa-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "spain-mexico.svg", flagDisplayName: "Spanish (Mexico)" }, 2796 */ 2797 2798 /* pt-BR â commented out 2799 { index: 26, agent: "Reservation Assistant", name: "Bia", locale: "pt-BR", gender: "female", voice: "pt-BR-isadora", avatar: "bia-avatar.webp", project: "farm-fest", agentTags: ["Professional", "Warm"], talkAbout: "Warm receptionist managing reservations, special requests, and dietary needs for the fine dining restaurant FarmFest.", flagName: "brazil.svg", flagDisplayName: "Portuguese (Brazil)" }, 2800 { index: 28, agent: "Customer Support Agent", name: "Thiago", locale: "pt-BR", gender: "male", voice: "pt-BR-benÃcio", avatar: "thiago-avatar.webp", project: "tiggy-support", agentTags: ["Friendly", "Calm"], talkAbout: "Kind and professional agent assisting with orders, returns, product information, payments, and store details for the retail company KindCommerce.", flagName: "brazil.svg", flagDisplayName: "Portuguese (Brazil)" }, 2801 */ 2802]; 2803 2804 const countries = [ 2805 { name: "English (US)", flagName: "us-canada.svg", firstAgentIndex: 0, locale: "en-US" }, 2806 { name: "English (UK)", flagName: "uk.svg", firstAgentIndex: 2, locale: "en-UK" }, 2807 2808 /* it-IT â commented out 2809 { name: "Italian (Italy)", flagName: "italy.svg", firstAgentIndex: 4, locale: "it-
2809IT" }, 2810 */ 2811 2812 /* de-DE â commented out 2813 { name: "German (Germany)", flagName: "germany.svg", firstAgentIndex: 6, locale: "de-DE" }, 2814 */ 2815 2816 /* fr-FR â commented out 2817 { name: "French (France)", flagName: "france.svg", firstAgentIndex: 8, locale: "fr-FR" }, 2818 */ 2819 2820 { name: "English (India)", flagName: "india.svg", firstAgentIndex: 4, locale: "en-IN" }, 2821 { name: "Hindi (India)", flagName: "india.svg", firstAgentIndex: 7, locale: "hi-IN" }, 2822 2823 /* en-AU â commented out 2824 { name: "English (Australia)", flagName: "australia.svg", firstAgentIndex: 9, locale: "en-AU" }, 2825 */ 2826 2827 /* es-ES â commented out 2828 { name: "Spanish (Spain)", flagName: "spain.svg", firstAgentIndex: 11, locale: "es-ES" }, 2829 */ 2830 2831 /* es-MX â commented out 2832 { name: "Spanish (Mexico)", flagName: "spain-mexico.svg", firstAgentIndex: 13, locale: "es-MX" }, 2833 */ 2834 2835 /* pt-BR â commented out 2836 { name: "Portuguese (Brazil)", flagName: "brazil.svg", firstAgentIndex: 15, locale: "pt-BR" }, 2837 */ 2838]; 2839 2840 let currentAgentIndex = 0, currentCountryIndex = 0, isScrolling = false, isDropdownOpen = false; 2841 let startX = 0, startY = 0, currentX = 0, currentY = 0, isDragging = false, dragDistance = 0, lastDragTime = 0, dragVelocity = 0; 2842 let lastScrollTime = 0, scrollThreshold = 100; 2843 2844 // Performance optimization: Debounced image preloader 2845 function preloadCriticalImages() { 2846 const criticalImages = agents.slice(0, 7).map(agent => 2847 `https://murf.ai/public-assets/va-avatars/${agent.avatar}` 2848 ); 2849 2850 criticalImages.forEach(src => { 2851 const img = new Image(); 2852 img.loading = 'eager'; 2853 img.src = src; 2854 }); 2855 } 2856 2857 // Lazy load remaining images 2858 function lazyLoadRemainingImages() { 2859 const remainingImages = agents.slice(7).map(agent => 2860 `https://murf.ai/public-assets/va-avatars/${agent.avatar}` 2861 ); 2862 2863 setTimeout(() => { 2864 remainingImages.forEach(src => { 2865 const img = new Image(); 2866 img.loading = 'lazy'; 2867 img.src = src; 2868 }); 2869 }, 100); 2870 } 2871 2872 function initCarousel() { 2873 const carousel = document.getElementById('carousel'); 2874 const fragment = document.createDocumentFragment(); 2875 2876 agents.forEach((agent, index) => { 2877 const card = document.createElement('div'); 2878 card.className = `card agent-${index}`; 2879 card.style.backgroundImage = `url('https://murf.ai/public-assets/va-avatars/${agent.avatar}')`; 2880 card.innerHTML = ` 2881 <div class="card-content"> 2882 <div class="card-header"> 2883 <div class="card-name">${agent.name}</div> 2884 <div class="card-flag"> 2885 <img src="https://murf.ai/public-assets/countries/${agent.flagName}" alt="${agent.flagDisplayName}" loading="lazy"> 2886 </div> 2887 </div> 2888 <div class="card-role">${agent.agent}</div> 2889 <div class="card-tags">${agent.agentTags.map(tag => `<div class="card-tag">${tag}</div>`).join('')}</div> 2890 </div> 2891 `; 2892 card.onclick = () => navigateToAgent(index); 2893 fragment.appendChild(card); 2894 }); 2895 2896 carousel.appendChild(fragment); 2897 2898 // Trigger fade-in animation 2899 requestAnimationFrame(() => { 2900 updateCarousel(); 2901 updateCallButton(); 2902 updateCountryInfo(); 2903 2904 setTimeout(() => { 2905 carousel.classList.add('loaded'); 2906 document.getElementById('mainContainer').classList.add('loaded'); 2907 }, 50); 2908 }); 2909 2910 initDropdown(); 2911 addTouchSupport(); 2912 addNavigationButtonTouchSupport(); 2913 lazyLoadRemainingImages(); 2914 } 2915 2916 function initDropdown() { 2917 const dropdownMenu = document.getElementById('dropdownMenu'); 2918 const dropdownPill = document.getElementById('dropdownPill'); 2919 const countryInfo = document.getElementById('countryInfo'); 2920 const fragment = document.createDocumentFragment(); 2921
2922 countries.forEach((country, index) => { 2923 const item = document.createElement('div'); 2924 item.className = `dropdown-item${index === currentCountryIndex ? ' active' : ''}`; 2925 item.innerHTML = ` 2926 <div class="dropdown-item-flag"> 2927 <img src="https://murf.ai/public-assets/countries/${country.flagName}" alt="${country.name}" loading="lazy"> 2928 </div> 2929 <div class="dropdown-item-name">${country.name}</div> 2930 `; 2931 item.onclick = () => selectCountry(index); 2932 fragment.appendChild(item); 2933 }); 2934 2935 dropdownMenu.appendChild(fragment); 2936 countryInfo.addEventListener('click', toggleDropdown); 2937 document.addEventListener('click', e => !dropdownPill.contains(e.target) && closeDropdown()); 2938 document.getElementById('prevCountryBtn').addEventListener('click', closeDropdown); 2939 document.getElementById('nextCountryBtn').addEventListener('click', closeDropdown); 2940 } 2941 2942 function toggleDropdown() { 2943 isDropdownOpen = !isDropdownOpen; 2944 document.getElementById('dropdownMenu').classList.toggle('open', isDropdownOpen); 2945 } 2946 2947 function closeDropdown() { 2948 isDropdownOpen = false; 2949 document.getElementById('dropdownMenu').classList.remove('open'); 2950 } 2951 2952 function selectCountry(countryIndex) { 2953 if (countryIndex === currentCountryIndex) return closeDropdown(); 2954 currentCountryIndex = countryIndex; 2955 const carousel = document.getElementById('carousel'); 2956 carousel.classList.add('fast-navigation'); 2957 scrollToAgent(countries[currentCountryIndex].firstAgentIndex); 2958 closeDropdown(); 2959 } 2960 2961 function addTouchSupport() { 2962 const container = document.getElementById('carouselContainer'); 2963 container.addEventListener('touchstart', e => { 2964 e.preventDefault(); 2965 startX = currentX = e.touches[0].clientX; 2966 startY = currentY = e.touches[0].clientY; 2967 isDragging = true; 2968 lastDragTime = Date.now(); 2969 dragDistance = 0; 2970 }, { passive: false }); 2971 container.addEventListener('touchmove', e => { 2972 e.preventDefault(); 2973 if (!isDragging) return; 2974 currentX = e.touches[0].clientX; 2975 currentY = e.touches[0].clientY; 2976 if (Math.abs(currentX - startX) > Math.abs(currentY - startY)) dragDistance = currentX - startX; 2977 }, { passive: false }); 2978 container.addEventListener('touchend', e => { 2979 if (!isDragging) return; 2980 const timeDiff = Date.now() - lastDragTime; 2981 dragVelocity = dragDistance / timeDiff; 2982 let cardsToScroll = 0; 2983 2984 if (Math.abs(dragVelocity) > 0.5) { 2985 cardsToScroll = Math.round(dragVelocity * 2); 2986 } else if (Math.abs(dragDistance) > 50) { 2987 cardsToScroll = dragDistance > 0 ? -1 : 1; 2988 } 2989 2990 if (cardsToScroll) { 2991 const targetIndex = (currentAgentIndex - cardsToScroll + agents.length) % agents.length; 2992 navigateToAgent(targetIndex); 2993 } 2994 isDragging = false; 2995 }, { passive: false }); 2996 container.addEventListener('mousedown', e => { 2997 e.preventDefault(); 2998 startX = currentX = e.clientX; 2999 startY = currentY = e.clientY; 3000 isDragging = true; 3001 lastDragTime = Date.now(); 3002 dragDistance = 0; 3003 }); 3004 container.addEventListener('mousemove', e => { 3005 if (!isDragging) return; 3006 currentX = e.clientX; 3007 currentY = e.clientY; 3008 if (Math.abs(currentX - startX) > Math.abs(currentY - startY)) dragDistance = currentX - startX; 3009 }); 3010 container.addEventListener('mouseup', e => { 3011 if (!isDragging) return; 3012 const timeDiff = Date.now() - lastDragTime; 3013 dragVelocity = dragDistance / timeDiff; 3014 let cardsToScroll = 0; 3015 3016 if (Math.abs(dragVelocity) > 0.5) { 3017 cardsToScroll = Math.round(dragVelocity * 2); 3018 } else if (Math.abs(dragDistance) > 50) { 3019 cardsToScroll = dragDistance > 0 ? -1 : 1; 3020 } 3021 3022 if (cardsToScroll) { 3023 const targetIndex = (currentAgentIndex - cardsToScroll + agents.length) % agents.length; 3024 navigateToAgent(targetIndex); 3025 } 3026 isDragging = false;
3027 }); 3028 container.addEventListener('mouseleave', () => isDragging && handleMouseUp()); 3029 container.addEventListener('wheel', e => { 3030 e.preventDefault(); 3031 const currentTime = Date.now(); 3032 3033 if (currentTime - lastScrollTime < 300) return; 3034 if (Math.abs(e.deltaY) < scrollThreshold) return; 3035 3036 lastScrollTime = currentTime; 3037 const direction = e.deltaY > 0 ? 1 : -1; 3038 const targetIndex = (currentAgentIndex + direction + agents.length) % agents.length; 3039 navigateToAgent(targetIndex); 3040 }, { passive: false }); 3041 } 3042 3043 function handleMouseUp() { 3044 if (!isDragging) return; 3045 const timeDiff = Date.now() - lastDragTime; 3046 dragVelocity = dragDistance / timeDiff; 3047 let cardsToScroll = 0; 3048 3049 if (Math.abs(dragVelocity) > 0.5) { 3050 cardsToScroll = Math.round(dragVelocity * 2); 3051 } else if (Math.abs(dragDistance) > 50) { 3052 cardsToScroll = dragDistance > 0 ? -1 : 1; 3053 } 3054 3055 if (cardsToScroll) { 3056 const targetIndex = (currentAgentIndex - cardsToScroll + agents.length) % agents.length; 3057 navigateToAgent(targetIndex); 3058 } 3059 isDragging = false; 3060 } 3061 3062 function updateCarousel() { 3063 const cards = document.querySelectorAll('.card'); 3064 const totalCards = cards.length; 3065 3066 cards.forEach((card, index) => { 3067 card.className = `card agent-${index}`; 3068 let relativeIndex = (index - currentAgentIndex + totalCards) % totalCards; 3069 if (relativeIndex > totalCards / 2) relativeIndex -= totalCards; 3070 3071 const isVisible = Math.abs(relativeIndex) <= 3; 3072 3073 const styles = [ 3074 { x: 0, z: 0, w: '200px', h: '256px', f: 'blur(0px)', zi: 7, s: 1, o: 1, br: '10.165px' }, 3075 { x: 100, z: -40, w: '200px', h: '256px', f: 'blur(1.4px)', zi: 6, s: 0.8, o: 1, br: '22px' }, 3076 { x: -100, z: -40, w: '200px', h: '256px', f: 'blur(1.4px)', zi: 6, s: 0.8, o: 1, br: '22px' }, 3077 { x: 140, z: -80, w: '200px', h: '256px', f: 'blur(2.7px)', zi: 5, s: 0.6, o: 1, br: '21px' }, 3078 { x: -140, z: -80, w: '200px', h: '256px', f: 'blur(2.7px)', zi: 5, s: 0.6, o: 1, br: '21px' }, 3079 { x: 160, z: -120, w: '200px', h: '256px', f: 'blur(4.5px)', zi: 4, s: 0.5, o: 1, br: '18px' }, 3080 { x: -160, z: -120, w: '200px', h: '256px', f: 'blur(4.5px)', zi: 4, s: 0.5, o: 1, br: '18px' }, 3081 { x: 0, z: -160, w: '200px', h: '256px', f: 'blur(0px)', zi: 1, s:0.3, o: 0, br: '10.165px' } 3082 ]; 3083 3084 const styleIndex = relativeIndex === 0 ? 0 : relativeIndex === 1 ? 1 : relativeIndex === -1 ? 2 : 3085 relativeIndex === 2 ? 3 : relativeIndex === -2 ? 4 : relativeIndex === 3 ? 5 : 3086 relativeIndex === -3 ? 6 : 7; 3087 3088 const style = styles[styleIndex]; 3089 3090 Object.assign(card.style, { 3091 transform: `translate3d(${style.x}px, 0, ${style.z}px) scale(${style.s})`, 3092 width: style.w, 3093 height: style.h, 3094 filter: style.f, 3095 zIndex: style.zi, 3096 opacity: isVisible ? style.o : 0, 3097 borderRadius: style.br 3098 }); 3099 3100 card.onclick = () => navigateToAgent(index); 3101 }); 3102 } 3103 3104 function navigateToAgent(targetIndex) { 3105 if (isScrolling) return; 3106 3107 const total = agents.length; 3108 let diff = targetIndex - currentAgentIndex; 3109 if (diff > Math.floor(total / 2)) diff -= total; 3110 if (diff < -Math.floor(total / 2)) diff += total; 3111 3112 if (Math.abs(diff) <= 1) { 3113 currentAgentIndex = targetIndex; 3114 updateCurrentCountry(); 3115 updateCarousel(); 3116 updateCallButton(); 3117 updateCountryInfo(); 3118 } else { 3119 const carousel = document.getElementById('carousel'); 3120 carousel.classList.add('fast-navigation'); 3121 scrollToAgent(targetIndex); 3122 } 3123 } 3124 3125 function scrollToAgent(targetIndex) { 3126 if (isScrolling) return; 3127 3128 const total = agents.length; 3129 let diff = targetIndex - currentAgentIndex; 3130 if (diff > Math.floor(total / 2)) diff -= total; 3131 if (diff < -Math.floor(total / 2)) diff += total; 3132 3133 const steps = Math.abs(diff); 3134 const direction = diff > 0 ? 1 : -1; 3135 const stepDuration = Math.min(150, 1000 / steps); 3136 3137 isScrolling = true; 3138 let currentStep = 0; 3139 3140 function animateStep() { 3141 if (currentStep >= steps) { 3142 isScrolling = false;
3143 currentAgentIndex = targetIndex; 3144 updateCurrentCountry(); 3145 const carousel = document.getElementById('carousel'); 3146 carousel.classList.remove('scrolling', 'fast-navigation'); 3147 updateCarousel(); 3148 updateCallButton(); 3149 updateCountryInfo(); 3150 return; 3151 } 3152 3153 currentAgentIndex = (currentAgentIndex + direction + agents.length) % agents.length; 3154 updateCurrentCountry(); 3155 updateCarousel(); 3156 currentStep++; 3157 setTimeout(animateStep, stepDuration); 3158 } 3159 3160 animateStep(); 3161 } 3162 3163 function navigateAgent(direction) { 3164 if (isScrolling) return; 3165 navigateToAgent((currentAgentIndex + direction + agents.length) % agents.length); 3166 } 3167 3168 function navigateCountry(direction) { 3169 if (isScrolling) return; 3170 closeDropdown(); 3171 currentCountryIndex = (currentCountryIndex + direction + countries.length) % countries.length; 3172 const carousel = document.getElementById('carousel'); 3173 carousel.classList.add('fast-navigation'); 3174 scrollToAgent(countries[currentCountryIndex].firstAgentIndex); 3175 } 3176 3177 function updateCurrentCountry() { 3178 const countryIndex = countries.findIndex(country => country.locale === agents[currentAgentIndex].locale); 3179 if (countryIndex !== -1) currentCountryIndex = countryIndex; 3180 } 3181 3182 function getCarouselUtmParams() { 3183 const utmKeys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content']; 3184 const params = new URLSearchParams(); 3185 3186 // Primary: read from this page's own URL (covers direct load & iframe src with UTM params forwarded) 3187 const pageParams = new URLSearchParams(window.location.search);
3188 utmKeys.forEach(key => { 3189 if (pageParams.has(key)) params.set(key, pageParams.get(key)); 3190 }); 3191 3192 // Fallback: try the parent page URL (only works when same origin) 3193 if (params.toString() === '') { 3194 try { 3195 const parentParams = new URLSearchParams(window.parent.location.search); 3196 utmKeys.forEach(key => { 3197 if (parentParams.has(key)) params.set(key, parentParams.get(key)); 3198 }); 3199 } catch (e) { 3200 // Cross-origin parent â silently ignore 3201 } 3202 } 3203 3204 const qs = params.toString(); 3205 return qs ? '&' + qs : ''; 3206 } 3207 3208 function updateCallButton() { 3209 const agent = agents[currentAgentIndex], btn = document.getElementById('callBtn'); 3210 btn.innerHTML = ` 3211 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none" class="call-icon"> 3212 <path d="M4.16562 10.8346C0.584839 7.25381 0.675126 2.61904 0.879599 0.791039C0.931685 0.325394 1.33352 0 1.80207 0H3.14613C4.28244 0 5.39991 0.629178 5.60543 1.74675C6.12687 4.58225 4.00024 6 4.00024 6C4.00024 6 4.00024 7 6.00024 9C8.00024 11 9.00024 11 9.00024 11C9.00024 11 10.418 8.87338 13.2534 9.3948C14.371 9.60032 15.0002 10.7178 15.0002 11.8541L15.0002 13.1981C15.0002 13.6667 14.6748 14.0685 14.2092 14.1206C12.3811 14.3251 7.74639 14.4153 4.16562 10.8346Z" fill="#FFE3E9"/> 3213 </svg> 3214 Call ${agent.name} 3215 `; 3216 btn.onclick = () => window.location.href = `https://murf.ai/api/demo/voice-agent-text-to-speech/call?project=${agent.project}&locale=${agent.locale}&agentId=${agent.index}${getCarouselUtmParams()}`; 3217 btn.classList.add('pop'); 3218 setTimeout(() => btn.classList.remove('pop'), 300); 3219 } 3220 3221 function updateCountryInfo() { 3222 const country = countries[currentCountryIndex]; 3223 document.getElementById('countryFlag').innerHTML = `<img src="https://murf.ai/public-assets/countries/${country.flagName}" alt="${country.name}" loading="lazy">`; 3224 document.getElementById('countryName').textContent = country.name; 3225 document.querySelectorAll('.dropdown-item').forEach((item, index) => item.classList.toggle('active', index === currentCountryIndex)); 3226 } 3227 3228 function addNavigationButtonTouchSupport() { 3229 const prevAgentBtn = document.getElementById('prevAgent'); 3230 const nextAgentBtn = document.getElementById('nextAgent'); 3231 3232 prevAgentBtn.addEventListener('touchstart', e => { e.preventDefault(); e.stopPropagation(); navigateAgent(-1); }, { passive: false }); 3233 nextAgentBtn.addEventListener('touchstart', e => { e.preventDefault(); e.stopPropagation(); navigateAgent(1); }, { passive: false }); 3234 prevAgentBtn.addEventListener('click', e => { e.preventDefault(); e.stopPropagation(); navigateAgent(-1); }); 3235 nextAgentBtn.addEventListener('click', e => { e.preventDefault(); e.stopPropagation(); navigateAgent(1); }); 3236 } 3237 3238 // Performance-optimized initialization 3239 if (document.readyState === 'loading') { 3240 document.addEventListener('DOMContentLoaded', () => { 3241 preloadCriticalImages(); 3242 initCarousel(); 3243 }); 3244 } else { 3245 preloadCriticalImages(); 3246 initCarousel(); 3247 } 3248 3249 document.addEventListener('keydown', e => { 3250 if (e.key === 'ArrowLeft') navigateAgent(-1); 3251 else if (e.key === 'ArrowRight') navigateAgent(1); 3252 }); 3253 </script>
3253 3254</body> 3255</html></div></div></div></div></div></div><div id="4col-1" class="container-huge"><div class="_4-col-layout gap-0 _1col-mobile"><div id="card11" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b4956469c4-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h11" class="heading-style-custom"><strong>Fastest TTS API: Sub-100ms Time-to-First-Audio</strong></p><div id="b11" class="plus-icon w-embed"><style> 3256 .plus-icon { 3257 width: 49px; 3258 height: 49px; 3259 } 3260 3261 @media (max-width: 767px) { 3262 .plus-icon { 3263 width: 36px; 3264 height: 36px; 3265 } 3266 } 3267</style> 3268 3269<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 3270 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 3271 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 3272 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 3273</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720b1d4150f39d6a02b646_API-Feature-Illustration-H3.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720b1d4150f39d6a02b646_API-Feature-Illustration-H3-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720b1d4150f39d6a02b646_API-Feature-Illustration-H3-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720b1d4150f39d6a02b646_API-Feature-Illustration-H3-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720b1d4150f39d6a02b646_API-Feature-Illustration-H3.webp 1160w" alt="" id="img11" class="img-full z-index-1"/></div><div id="card12" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b4956469cb-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h12" class="heading-style-custom"><strong>Ranked Among the Most Natural on Artificial Analysis</strong></p><div id="b12" class="plus-icon w-embed"><style> 3274 .plus-icon { 3275 width: 49px; 3276 height: 49px; 3277 } 3278 3279 @media (max-width: 767px) { 3280 .plus-icon { 3281 width: 36px; 3282 height: 36px; 3283 } 3284 } 3285</style> 3286 3287<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 3288 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 3289 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 3290 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 3291</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a80470ce13ef13a2c1a0712_Image%20Wrapper%20(1).webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a80470ce13ef13a2c1a0712_Image%20Wrapper%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a80470ce13ef13a2c1a0712_Image%20Wrapper%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a80470ce13ef13a2c1a0712_Image%20Wrapper%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a80470ce13ef13a2c1a0712_Image%20Wrapper%20(1)-p-1600.webp 1600w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a80470ce13ef13a2c1a0712_Image%20Wrapper%20(1).webp 1936w" alt="" id="img12" class="img-full z-index-1"/></div><div id="card13" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b4956469d2-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h13" class="heading-style-custom">35+ Languages, Seamless Language Switching</p><div id="b13" class="plus-icon w-embed"><style> 3292 .plus-icon { 3293 width: 49px; 3294 height: 49px; 3295 } 3296 3297 @media (max-width: 767px) { 3298 .plus-icon { 3299 width: 36px; 3300 height: 36px; 3301 } 3302 } 3303</style> 3304 3305<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 3306 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 3307 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 3308 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 3309</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69777e7e0a4bae8ee9c0764e_Group%201171285480%20(1).webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69777e7e0a4bae8ee9c0764e_Group%201171285480%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69777e7e0a4bae8ee9c0764e_Group%201171285480%20(1).webp 720w" alt="" id="img13" class="img-full z-index-1"/></div>
3309<div id="card14" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b4956469d9-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h14" class="heading-style-custom">Industry-Leading Price at 1 Cent per Minute</p><div id="b14" class="plus-icon w-embed"><style> 3310 .plus-icon { 3311 width: 49px; 3312 height: 49px; 3313 } 3314 3315 @media (max-width: 767px) { 3316 .plus-icon { 3317 width: 36px; 3318 height: 36px; 3319 } 3320 } 3321</style> 3322 3323<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 3324 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 3325 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 3326 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 3327</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69897cacb1ac0ee1e16edde6_API-Feature-Illustration-H3.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69897cacb1ac0ee1e16edde6_API-Feature-Illustration-H3-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69897cacb1ac0ee1e16edde6_API-Feature-Illustration-H3-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69897cacb1ac0ee1e16edde6_API-Feature-Illustration-H3-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69897cacb1ac0ee1e16edde6_API-Feature-Illustration-H3.png 1160w" alt="" id="img14" class="img-full z-index-1"/></div></div></div></div></div><div class="section-base"><div id="Studio" class="api_card for-home"><div class="api_card_bg for-home white-bg"></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/696bfa2ec737633faaa3eeb1_glow.svg" loading="lazy" alt="" class="home-studio_gradient"/><div class="container-xlarge for-home"><div class="padding-section-medium mobile"><div smooting="0.8" cornerRadiusAll="60" class="_2-col-layout invert"><div class="margin-top"><div class="content_block_title"><div class="flex-container align-middle gap-1-5"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/696e930b2a5402616a6443bf_Murf%20Logos%20-%20Color%20(1).webp" loading="lazy" alt="" class="studio-icon"/><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/696e93246b5d6e02beec49cf_Target%20User%20(1).webp" loading="lazy" class="icon-height-custom"/></div><div class="margin-top margin-xsmall"><h3 class="heading-style-h2">10x Faster <br/>Voiceover Production</h3></div></div><div><div class="margin-top margin-small custom-gap"><p id="studio-text">With Murf Studio, cut voiceover generation time and costs with expressive, lifelike voices and full creative control.</p></div><div class="margin-top margin-custom2"><div class="button-group"><a data-wf--new-design-system-variables--button--variant="primary" href="https://murf.ai/studio" class="new-design-system-variables--button w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><div class="new-design-system-variables--g-button-text w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191">Try Studio</div></div></div></a><a data-wf--new-design-system-variables--button--variant="secondary" href="https://murf.ai/text-to-speech" class="new-design-system-variables--button w-variant-867881c7-aa90-a620-fd08-61945f495543 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner w-variant-867881c7-aa90-a620-fd08-61945f495543"><div class="new-design-system-variables--g-button-text">Learn More</div></div></div></a></div></div></div><div class="margin-top margin-xxlarge custom"><div class="text-weight-bold purple-2">USE CASES</div></div><div class="z-index-2"><div class="margin-top margin-small for-home"><div class="_2-col-layout align-left gap-half"><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon">
3328 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3329 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3330 <defs> 3331 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3332 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3333 <stop offset="1" stop-color="#735DFF"/> 3334 </linearGradient> 3335 </defs> 3336 </svg> 3337</span> 3338 3339<style> 3340.dot-icon { 3341 display: inline-flex; 3342 align-items: center; /* â vertical center with text */ 3343 vertical-align: middle; 3344} 3345</style></div></div></div><p class="subheading-small text-mid-contrast">E-Learning</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 3346 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3347 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3348 <defs> 3349 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3350 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3351 <stop offset="1" stop-color="#735DFF"/> 3352 </linearGradient> 3353 </defs> 3354 </svg> 3355</span> 3356 3357<style> 3358.dot-icon { 3359 display: inline-flex; 3360 align-items: center; /* â vertical center with text */ 3361 vertical-align: middle; 3362 padding-bottom: 3px; 3363} 3364</style></div></div></div><p class="subheading-small text-mid-contrast">Podcasts</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div><div class="w-embed"><span class="dot-icon"> 3365 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3366 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3367 <defs> 3368 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3369 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3370 <stop offset="1" stop-color="#735DFF"/> 3371 </linearGradient> 3372 </defs> 3373 </svg> 3374</span> 3375 3376<style> 3377.dot-icon { 3378 display: inline-flex; 3379 align-items: center; /* â vertical center with text */ 3380 vertical-align: middle; 3381} 3382</style></div></div></div><p class="subheading-small text-mid-contrast">Advertising</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 3383 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3384 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3385 <defs> 3386 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3387 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3388 <stop offset="1" stop-color="#735DFF"/> 3389 </linearGradient> 3390 </defs> 3391 </svg> 3392</span> 3393 3394<style> 3395.dot-icon { 3396 display: inline-flex; 3397 align-items: center; /* â vertical center with text */ 3398 vertical-align: middle; 3399} 3400</style></div></div></div><p class="subheading-small text-mid-contrast">Audiobooks</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 3401 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3402 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3403 <defs> 3404 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3405 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3406 <stop offset="1" stop-color="#735DFF"/> 3407 </linearGradient> 3408 </defs> 3409 </svg> 3410</span> 3411 3412<style> 3413.dot-icon { 3414 display: inline-flex; 3415 align-items: center; /* â vertical center with text */ 3416 vertical-align: middle; 3417} 3418</style></div></div></div><p class="subheading-small text-mid-contrast">Gaming</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon">
3419 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3420 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3421 <defs> 3422 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3423 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3424 <stop offset="1" stop-color="#735DFF"/> 3425 </linearGradient> 3426 </defs> 3427 </svg> 3428</span> 3429 3430<style> 3431.dot-icon { 3432 display: inline-flex; 3433 align-items: center; /* â vertical center with text */ 3434 vertical-align: middle; 3435} 3436</style></div></div></div><p class="subheading-small text-mid-contrast">Accessibility</p></div></div></div></div></div><div class="margin-top"><img class="hide-mobile-landscape hide-tablet hide-mobile-portrait" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image.png" width="Auto" height="Auto" alt="" sizes="(max-width: 991px) 100vw, 53vw" id="Img-std" loading="lazy" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image-p-1600.png 1600w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image-p-2000.png 2000w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image-p-2600.png 2600w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6970c834d453e3a91064bdaa_Masked%20Image.png 2742w"/><div class="w-embed"><style> 3437/* PC: Right-half hero image */ 3438#Img-std { 3439 position: absolute; 3440 top: 0; 3441 right: 0; 3442 width: 90%; 3443 height: 80%; 3444 object-fit: cover; 3445 object-position: left center; 3446 max-width: 53%; 3447 z-index: -1; 3448} 3449</style></div></div></div></div></div><div class="container-huge"><div class="_4-col-layout gap-0 _1col-mobile"><div id="card21" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646a30-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h21" class="heading-style-custom">200+ Expressive Voices Across 35+ Languages</p><div id="b21" class="plus-icon w-embed"><style> 3450 .plus-icon { 3451 width: 49px; 3452 height: 49px; 3453 } 3454 3455 @media (max-width: 767px) { 3456 .plus-icon { 3457 width: 36px; 3458 height: 36px; 3459 } 3460 } 3461</style> 3462 3463<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"> 3464 <circle cx="24.5" cy="24.5" r="23.5" stroke="#42208A" stroke-opacity="0.2" stroke-width="2"/> 3465 <rect x="23" y="18" width="2" height="14" rx="1" fill="#42208A" fill-opacity="0.2"/> 3466 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#42208A" fill-opacity="0.2"/> 3467</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7ac513d95904c1261b_s2izyneqvx4qupy90yyg.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7ac513d95904c1261b_s2izyneqvx4qupy90yyg-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7ac513d95904c1261b_s2izyneqvx4qupy90yyg-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7ac513d95904c1261b_s2izyneqvx4qupy90yyg.webp 1050w" alt="" id="img21" class="img-full z-index-1"/><div id="blur-layer1"></div></div><div id="card22" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646a38-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h22" class="heading-style-custom">Custom Pronunciation Library</p><div id="b22" class="plus-icon w-embed"><style> 3468 .plus-icon { 3469 width: 49px; 3470 height: 49px; 3471 } 3472 3473 @media (max-width: 767px) { 3474 .plus-icon { 3475 width: 36px; 3476 height: 36px; 3477 } 3478 } 3479</style> 3480 3481<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"> 3482 <circle cx="24.5" cy="24.5" r="23.5" stroke="#42208A" stroke-opacity="0.2" stroke-width="2"/> 3483 <rect x="23" y="18" width="2" height="14" rx="1" fill="#42208A" fill-opacity="0.2"/> 3484 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#42208A" fill-opacity="0.2"/> 3485</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7abfd8cc0b01dbc87e_xmvb6c4h36xl7go574dk.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7abfd8cc0b01dbc87e_xmvb6c4h36xl7go574dk-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7abfd8cc0b01dbc87e_xmvb6c4h36xl7go574dk-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7abfd8cc0b01dbc87e_xmvb6c4h36xl7go574dk-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7abfd8cc0b01dbc87e_xmvb6c4h36xl7go574dk.webp 1251w" alt="" id="img22" class="img-full z-index-1"/><div id="blur-layer2"></div></div>
3485<div id="card23" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646a40-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h23" class="heading-style-custom">Complete Control Over Pitch, Speed and Intonation</p><div id="b23" class="plus-icon w-embed"><style> 3486 .plus-icon { 3487 width: 49px; 3488 height: 49px; 3489 } 3490 3491 @media (max-width: 767px) { 3492 .plus-icon { 3493 width: 36px; 3494 height: 36px; 3495 } 3496 } 3497</style> 3498 3499<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"> 3500 <circle cx="24.5" cy="24.5" r="23.5" stroke="#42208A" stroke-opacity="0.2" stroke-width="2"/> 3501 <rect x="23" y="18" width="2" height="14" rx="1" fill="#42208A" fill-opacity="0.2"/> 3502 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#42208A" fill-opacity="0.2"/> 3503</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c797eb6380f034e586b_tnn0opqa0svykjsxzyyi.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c797eb6380f034e586b_tnn0opqa0svykjsxzyyi-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c797eb6380f034e586b_tnn0opqa0svykjsxzyyi-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c797eb6380f034e586b_tnn0opqa0svykjsxzyyi.webp 1050w" alt="" id="img23" class="img-full z-index-1"/><div id="blur-layer3"></div></div><div id="card24" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646a48-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h24" class="heading-style-custom">Integrations with Canva, PowerPoint and Captivate</p><div id="b24" class="plus-icon w-embed"><style> 3504 .plus-icon { 3505 width: 49px; 3506 height: 49px; 3507 } 3508 3509 @media (max-width: 767px) { 3510 .plus-icon { 3511 width: 36px; 3512 height: 36px; 3513 } 3514 } 3515</style> 3516 3517<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"> 3518 <circle cx="24.5" cy="24.5" r="23.5" stroke="#42208A" stroke-opacity="0.2" stroke-width="2"/> 3519 <rect x="23" y="18" width="2" height="14" rx="1" fill="#42208A" fill-opacity="0.2"/> 3520 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#42208A" fill-opacity="0.2"/> 3521</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7a4db12e37082078fd_ynccxy04pcdjppte3ymq.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7a4db12e37082078fd_ynccxy04pcdjppte3ymq-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7a4db12e37082078fd_ynccxy04pcdjppte3ymq-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720c7a4db12e37082078fd_ynccxy04pcdjppte3ymq.webp 1052w" alt="" id="img24" class="img-full z-index-1"/><div id="blur-layer4"></div></div></div></div></div></div><div id="Dubbing" class="api_card for-home"><div class="api_card_bg for-home"></div><div class="padding-global"><div class="container-xlarge for-home"><div class="padding-section-medium-large gap-16px reduce-gap"><div smooting="0.8" cornerRadiusAll="60" class="_2-col-layout new"><div class="margin-top"><div class="content_block_title"><div class="flex-container align-middle gap-1-5"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/696e93de7fd7f64ad7dfe6a5_Murf%20Logos%20-%20Color%20(2).webp" loading="lazy" alt="" class="dub-icon"/><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b184866e47df2ce7eab40_Target%20User.webp" loading="lazy" class="icon-height-custom"/></div><div class="margin-top margin-xsmall"><h3 class="heading-style-h2 text-high-contrast">Fast, Accurate  <br/>Video Translation</h3></div></div><div><div class="margin-top margin-small custom-gap"><p id="dub-text" class="text-color-white opacity-70 align-left">With Murfâs <a href="/ai-dubbing" id="dub-text" class="text-color-white">AI Dubbing</a>, localize videos instantly into multiple languages while preserving the original voice, meaning, and tone.<br/></p></div><div class="margin-top margin-custom2"><div class="button-group"><a data-wf--new-design-system-variables--button--variant="primary" href="https://dub.murf.ai/home" class="new-design-system-variables--button w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><div class="new-design-system-variables--g-button-text w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191">Try Dubbing</div></div></div></a><a data-wf--new-design-system-variables--button--variant="secondary-dark" href="https://murf.ai/ai-dubbing" class="new-design-system-variables--button w-variant-117086e5-0a04-ea62-6fe2-264a1780db52 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner w-variant-117086e5-0a04-ea62-6fe2-264a1780db52"><div class="new-design-system-variables--g-button-text">Learn More</div></div></div></a></div></div></div><div class="margin-top margin-xxlarge custom"><div class="text-weight-bold purple-2">USE CASES</div></div><div class="margin-top margin-small for-home"><div class="_2-col-layout align-left gap-half"><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon">
3522 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3523 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3524 <defs> 3525 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3526 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3527 <stop offset="1" stop-color="#735DFF"/> 3528 </linearGradient> 3529 </defs> 3530 </svg> 3531</span> 3532 3533<style> 3534.dot-icon { 3535 display: inline-flex; 3536 align-items: center; /* â vertical center with text */ 3537 vertical-align: middle; 3538} 3539</style></div></div></div><p class="subheading-small text-mid-contrast">Educational content</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 3540 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3541 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3542 <defs> 3543 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3544 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3545 <stop offset="1" stop-color="#735DFF"/> 3546 </linearGradient> 3547 </defs> 3548 </svg> 3549</span> 3550 3551<style> 3552.dot-icon { 3553 display: inline-flex; 3554 align-items: center; /* â vertical center with text */ 3555 vertical-align: middle; 3556 padding-bottom: 3px; 3557} 3558</style></div></div></div><p class="subheading-small text-mid-contrast">Filmmaking & TV</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div><div class="w-embed"><span class="dot-icon"> 3559 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3560 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3561 <defs> 3562 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3563 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3564 <stop offset="1" stop-color="#735DFF"/> 3565 </linearGradient> 3566 </defs> 3567 </svg> 3568</span> 3569 3570<style> 3571.dot-icon { 3572 display: inline-flex; 3573 align-items: center; /* â vertical center with text */ 3574 vertical-align: middle; 3575} 3576</style></div></div></div><p class="subheading-small text-mid-contrast">Marketing & promos</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 3577 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3578 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3579 <defs> 3580 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3581 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3582 <stop offset="1" stop-color="#735DFF"/> 3583 </linearGradient> 3584 </defs> 3585 </svg> 3586</span> 3587 3588<style> 3589.dot-icon { 3590 display: inline-flex; 3591 align-items: center; /* â vertical center with text */ 3592 vertical-align: middle; 3593} 3594</style></div></div></div><p class="subheading-small text-mid-contrast">YouTube videos</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon"> 3595 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3596 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3597 <defs> 3598 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3599 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3600 <stop offset="1" stop-color="#735DFF"/> 3601 </linearGradient> 3602 </defs> 3603 </svg> 3604</span> 3605 3606<style> 3607.dot-icon { 3608 display: inline-flex; 3609 align-items: center; /* â vertical center with text */ 3610 vertical-align: middle; 3611} 3612</style></div></div></div><p class="subheading-small text-mid-contrast">Corporate Communication</p></div><div class="flex-container align-middle"><div class="margin-right margin-xsmall"><div class="checkmark-icon"><div class="w-embed"><span class="dot-icon">
3613 <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3614 <rect opacity="0.8" width="7" height="7" rx="2" fill="url(#dot-grad-3)"/> 3615 <defs> 3616 <linearGradient id="dot-grad-3" x1="5.5" y1="1.5" x2="2" y2="10.5" gradientUnits="userSpaceOnUse"> 3617 <stop stop-color="#735DFF" stop-opacity="0.5"/> 3618 <stop offset="1" stop-color="#735DFF"/> 3619 </linearGradient> 3620 </defs> 3621 </svg> 3622</span> 3623 3624<style> 3625.dot-icon { 3626 display: inline-flex; 3627 align-items: center; /* â vertical center with text */ 3628 vertical-align: middle; 3629} 3630</style></div></div></div><p class="subheading-small text-mid-contrast">Product Demos<br/></p></div></div></div></div><div id="w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646a9a-84a2a6be" class="content_block_thumb large_block_thumb"><div><div class="margin-top margin-xxhuge tablet"><div class="embed-align v2 w-embed w-script"><div style="max-width:800px;margin:0" id="mainContainer"> 3631 <div style="position:relative;width:100%;aspect-ratio:617.46/338.25;border-radius:24px;overflow:hidden;background:#000" id="dubVideo"> 3632 3633 <!-- Silent video for visuals only --> 3634 <video id="v" playsinline preload="auto" muted loop 3635 poster="https://murf.ai/public-assets/webflow/dub-tool-video-thumbnail.png" 3636 style="width:100%;height:100%;object-fit:cover"> 3637 <source src="https://murf.ai/public-assets/webflow/api/A-Star-Is-Born.mp4" type="video/mp4"> 3638 </video> 3639 3640 <!-- Hidden audio element for language audio --> 3641 <audio id="audioTrack" preload="auto" loop style="display:none"> 3642 <source src="https://murf.ai/public-assets/webflow/api/English.mp4" type="audio/mp4"> 3643 </audio> 3644 3645 <!-- NEW PROGRESS BAR DESIGN --> 3646 <div id="progressContainer" style="position:absolute;bottom:15px;left:16px;right:16px;display:flex;height:4px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-radius:24px;background:rgba(255,237,244,0.41);z-index:5;cursor:pointer"> 3647 <div id="prog" style="height:100%;border-radius:24px;background:#8B6EFF;width:0%;transition:width 0.1s linear;pointer-events:none"></div> 3648 </div> 3649 3650 <!-- NEW MUTE BUTTON DESIGN --> 3651 <button id="muteBtn" style="position:absolute;bottom:27px;left:16px;display:flex;padding:8px;justify-content:center;align-items:center;border-radius:50%;background:rgba(255,237,244,0.10);border:none;cursor:pointer;z-index:10;backdrop-filter:blur(10px);z-index:1"> 3652 <svg id="soundOn" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:none"> 3653 <path d="M11 5L6 9H2v6h4l5 4V5z" fill="#FFEDF4" fill-opacity="0.56" stroke="#FFEDF4" stroke-opacity="0.56" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3654 <path d="M15.54 8.46a5 5 0 010 7.07M19.07 4.93a10 10 0 010 14.14" stroke="#FFEDF4" stroke-opacity="0.56" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3655 </svg> 3656 <svg id="soundOff" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3657 <path d="M11 5L6 9H2v6h4l5 4V5z" fill="#FFEDF4" fill-opacity="0.56" stroke="#FFEDF4" stroke-opacity="0.56" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3658 <line x1="23" y1="9" x2="17" y2="15" stroke="#FFEDF4" stroke-opacity="0.56" stroke-width="1.5" stroke-linecap="round"/> 3659 <line x1="17" y1="9" x2="23" y2="15" stroke="#FFEDF4" stroke-opacity="0.56" stroke-width="1.5" stroke-linecap="round"/> 3660 </svg> 3661 </button> 3662 </div> 3663 3664 <!-- LANGUAGE PILLS --> 3665 <div style="display:flex;justify-content:center;gap:12px;margin-top:25px;flex-wrap:wrap"> 3666 <button class="lang active" data-lang="en">English</button> 3667 <button class="lang" data-lang="es">Spanish</button> 3668 <button class="lang" data-lang="fr">French</button> 3669 <button class="lang" data-lang="it">Italian</button> 3670 <button class="lang" data-lang="de">German</button> 3671 </div> 3672</div> 3673 3674<style> 3675/* Desktop/Default view */ 3676.lang { 3677 display: flex; 3678 padding: 8px 16px; 3679 align-items: center; 3680 border-radius: 100px; 3681 border: 1px solid rgba(255, 237, 244, 0.56); 3682 background: transparent;
3683 color: #e0d9e8; 3684 font: 500 16px system-ui; 3685 cursor: pointer; 3686 transition: .3s; 3687} 3688 3689.lang:hover { 3690 background: rgba(197, 192, 209, .08); 3691} 3692 3693.lang.active { 3694 display: flex; 3695 padding: 8px 16px; 3696 align-items: center; 3697 border-radius: 100px; 3698 border: 1px solid #FFF; 3699 background: rgba(255, 237, 244, 0.27); 3700 color: #fff; 3701} 3702 3703/* Desktop view - left align language pills */ 3704div[style*="margin-top:25px"] { 3705 justify-content: flex-start !important; 3706} 3707 3708/* Tablet view */ 3709@media (min-width: 769px) and (max-width: 1024px) { 3710 #dubVideo { 3711 border-radius: 16px !important; 3712 } 3713 3714 #mainContainer { 3715 display: flex; 3716 flex-direction: column; 3717 align-items: center; 3718 flex-shrink: 0; 3719 align-self: stretch; 3720 width: 100%; 3721 max-width: 100%; 3722 } 3723 3724 div[style*="margin-top:25px"] { 3725 margin-top: 24px !important; 3726 gap: 12px !important; 3727 justify-content: flex-start !important; 3728 width: 100%; 3729 } 3730 3731 .lang { 3732 display: flex; 3733 padding: 8px 16px; 3734 align-items: center; 3735 border-radius: 100px; 3736 border: 1px solid rgba(255, 237, 244, 0.56); 3737 font-size: 14px; 3738 height: 37px; 3739 } 3740 3741 .lang.active { 3742 display: flex; 3743 padding: 8px 16px; 3744 align-items: center; 3745 border-radius: 100px; 3746 border: 1px solid #FFF; 3747 background: rgba(255, 237, 244, 0.27); 3748 } 3749} 3750 3751/* Mobile view */ 3752@media (max-width: 768px) { 3753 #dubVideo { 3754 border-radius: 12px !important; 3755 } 3756 3757 #mainContainer { 3758 display: flex; 3759 flex-direction: column; 3760 gap: 16px; 3761 align-self: stretch; 3762 } 3763 3764 .lang { 3765 display: flex; 3766 padding: 4px 12px; 3767 align-items: center; 3768 border-radius: 100px; 3769 border: 1px solid rgba(255, 237, 244, 0.56); 3770 background: transparent; 3771 font-size: 12px; 3772 height: 26px; 3773 } 3774 3775 .lang.active { 3776 display: flex; 3777 padding: 4px 12px; 3778 align-items: center; 3779 border-radius: 100px; 3780 border: 1px solid #FFF; 3781 background: rgba(255, 237, 244, 0.27); 3782 } 3783 3784 .lang:first-child { 3785 margin-left: 0; 3786 } 3787 3788 div[style*="margin-top:25px"] { 3789 margin-top: 0 !important; 3790 gap: 8px !important; 3791 justify-content: flex-start !important; 3792 } 3793} 3794</style> 3795
3796<script> 3797const urls = { 3798 en: "https://murf.ai/public-assets/webflow/api/English.mp4", 3799 es: "https://murf.ai/public-assets/webflow/api/Spanish.mp4", 3800 fr: "https://murf.ai/public-assets/webflow/api/French.mp4", 3801 it: "https://murf.ai/public-assets/webflow/api/Italian.mp4", 3802 de: "https://murf.ai/public-assets/webflow/api/German.mp4" 3803}; 3804 3805const video = document.getElementById('v'); 3806const audio = document.getElementById('audioTrack'); 3807const prog = document.getElementById('prog'); 3808const progressContainer = document.getElementById('progressContainer'); 3809const muteBtn = document.getElementById('muteBtn'); 3810const soundOn = document.getElementById('soundOn'); 3811const soundOff = document.getElementById('soundOff'); 3812const langs = document.querySelectorAll('.lang'); 3813const dubVideoSection = document.getElementById('dubVideo'); 3814 3815let isMuted = true; 3816let audioLoaded = false; 3817 3818// Sync audio with video 3819function syncAudioWithVideo() { 3820 const timeDiff = Math.abs(video.currentTime - audio.currentTime); 3821 if (timeDiff > 0.3) { 3822 audio.currentTime = video.currentTime; 3823 } 3824} 3825 3826// Update mute button UI 3827function updateMuteUI() { 3828 soundOn.style.display = isMuted ? 'none' : 'block'; 3829 soundOff.style.display = isMuted ? 'block' : 'none'; 3830 audio.muted = isMuted; 3831} 3832 3833// Play video and audio 3834function playMedia() { 3835 if (!audioLoaded) { 3836 // Force audio to load on first interaction 3837 audio.load(); 3838 audioLoaded = true; 3839 } 3840 3841 audio.currentTime = video.currentTime; 3842 audio.muted = isMuted; 3843 3844 const videoPromise = video.play(); 3845 const audioPromise = audio.play(); 3846 3847 if (videoPromise !== undefined) { 3848 videoPromise.catch(() => {}); 3849 } 3850 3851 if (audioPromise !== undefined) { 3852 audioPromise.catch(() => { 3853 // If audio fails to play, try again after a short delay 3854 setTimeout(() => { 3855 audio.play().catch(() => {}); 3856 }, 100); 3857 }); 3858 } 3859} 3860 3861// Pause video and audio 3862function pauseMedia() { 3863 video.pause(); 3864 audio.pause(); 3865} 3866 3867// Intersection Observer for auto-play on scroll 3868const observerOptions = { 3869 root: null, 3870 rootMargin: '0px', 3871 threshold: 0.3 3872}; 3873 3874const observer = new IntersectionObserver((entries) => { 3875 entries.forEach(entry => { 3876 if (entry.isIntersecting) { 3877 // Video is in viewport - play and reset to muted 3878 isMuted = true; 3879 updateMuteUI(); 3880 playMedia(); 3881 } else { 3882 // Video is out of viewport - pause it 3883 pauseMedia(); 3884 } 3885 }); 3886}, observerOptions); 3887 3888// Start observing the video section 3889observer.observe(dubVideoSection); 3890 3891// PROGRESS BAR SEEKING 3892progressContainer.onclick = (e) => { 3893 e.stopPropagation(); 3894 const rect = progressContainer.getBoundingClientRect(); 3895 const pos = (e.clientX - rect.left) / rect.width; 3896 const seekTime = pos * video.duration; 3897 3898 video.currentTime = seekTime; 3899 audio.currentTime = seekTime; 3900}; 3901 3902// Sync when video plays 3903video.onplay = () => { 3904 audio.currentTime = video.currentTime; 3905 audio.muted = isMuted; 3906 3907 // Ensure audio plays when video plays 3908 if (audio.paused) { 3909 audio.play().catch(() => {}); 3910 } 3911}; 3912 3913// Pause audio when video pauses 3914video.onpause = () => { 3915 audio.pause(); 3916}; 3917 3918// Sync on seek 3919video.onseeked = () => { 3920 audio.currentTime = video.currentTime; 3921}; 3922 3923// Continuous sync and progress update 3924video.ontimeupdate = () => { 3925 syncAudioWithVideo(); 3926 const progress = (video.currentTime / video.duration) * 100 || 0; 3927 prog.style.width = `${progress}%`; 3928}; 3929 3930// MUTE TOGGLE - User can unmute while in viewport 3931muteBtn.onclick = (e) => { 3932 e.stopPropagation(); 3933 3934 if (!audioLoaded) { 3935 audio.load(); 3936 audioLoaded = true; 3937 } 3938 3939 isMuted = !isMuted; 3940 audio.muted = isMuted; 3941 updateMuteUI(); 3942 3943 // If unmuting and audio is not playing, start it 3944 if (!isMuted && audio.paused && !video.paused) { 3945 audio.currentTime = video.currentTime; 3946 audio.play().catch(() => {}); 3947 } 3948}; 3949 3950// LANGUAGE SWITCH - SEAMLESS 3951langs.forEach(btn => { 3952 btn.onclick = () => { 3953 const currentTime = video.currentTime; 3954 const wasPlaying = !video.paused; 3955 3956 // Pause current audio 3957 audio.pause(); 3958 3959 // Switch audio source 3960 audio.src = urls[btn.dataset.lang]; 3961 audio.volume = 1.0; 3962 audio.muted = isMuted; 3963 audio.load(); 3964 audioLoaded = true; 3965 3966 // Wait for audio to load 3967 audio.oncanplay = () => { 3968 audio.currentTime = currentTime; 3969 audio.muted = isMuted; 3970 3971 if (wasPlaying) { 3972 audio.play().catch(() => {}); 3973 } 3974 3975 audio.oncanplay = null; 3976 }; 3977 3978 // Update active language button
3979 langs.forEach(b => b.classList.remove('active')); 3980 btn.classList.add('active'); 3981 }; 3982}); 3983 3984// Initialize 3985audio.muted = true; 3986video.muted = true; 3987audio.volume = 1.0; 3988updateMuteUI(); 3989 3990// Preload audio on page load 3991audio.load(); 3992 3993// Handle page load - if video is in view, start playing 3994window.addEventListener('load', () => { 3995 const rect = dubVideoSection.getBoundingClientRect(); 3996 const isInView = rect.top < window.innerHeight && rect.bottom > 0; 3997 3998 if (isInView) { 3999 setTimeout(() => { 4000 playMedia(); 4001 }, 500); 4002 } 4003}); 4004 4005// Handle user interaction to enable audio (browsers require user interaction) 4006document.addEventListener('click', function enableAudio() { 4007 if (!audioLoaded) { 4008 audio.load(); 4009 audioLoaded = true; 4010 } 4011}, { once: true }); 4012</script>
4012</div></div></div></div></div></div></div></div><div class="container-huge"><div class="_4-col-layout gap-0 _1col-mobile"><div id="card31" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646aa0-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h31" class="heading-style-custom">Instant Dubbing in 40+ Languages</p><div id="b31" class="plus-icon w-embed"><style> 4013 .plus-icon { 4014 width: 49px; 4015 height: 49px; 4016 } 4017 4018 @media (max-width: 767px) { 4019 .plus-icon { 4020 width: 36px; 4021 height: 36px; 4022 } 4023 } 4024</style> 4025 4026<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 4027 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 4028 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 4029 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 4030</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697209d3af9f4a4c29b967b1_Dub-Feature-Illustration-H3.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697209d3af9f4a4c29b967b1_Dub-Feature-Illustration-H3-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697209d3af9f4a4c29b967b1_Dub-Feature-Illustration-H3-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697209d3af9f4a4c29b967b1_Dub-Feature-Illustration-H3-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697209d3af9f4a4c29b967b1_Dub-Feature-Illustration-H3.webp 1361w" alt="" id="img31" class="img-full z-index-1"/></div><div id="card32" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646aa7-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h32" class="heading-style-custom">High Translation Accuracy</p><div id="b32" class="plus-icon w-embed"><style> 4031 .plus-icon { 4032 width: 49px; 4033 height: 49px; 4034 } 4035 4036 @media (max-width: 767px) { 4037 .plus-icon { 4038 width: 36px; 4039 height: 36px; 4040 } 4041 } 4042</style> 4043 4044<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 4045 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 4046 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 4047 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 4048</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a499a26f0911784beec_Dub-Feature-Illustration-H3%20(1).webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a499a26f0911784beec_Dub-Feature-Illustration-H3%20(1)-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a499a26f0911784beec_Dub-Feature-Illustration-H3%20(1)-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a499a26f0911784beec_Dub-Feature-Illustration-H3%20(1)-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a499a26f0911784beec_Dub-Feature-Illustration-H3%20(1).webp 1361w" alt="" id="img32" class="img-full z-index-1"/></div><div id="card33" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646aae-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h33" class="heading-style-custom">Expert Linguistic Review</p><div id="b33" class="plus-icon w-embed"><style> 4049 .plus-icon { 4050 width: 49px; 4051 height: 49px; 4052 } 4053 4054 @media (max-width: 767px) { 4055 .plus-icon { 4056 width: 36px; 4057 height: 36px; 4058 } 4059 } 4060</style> 4061 4062<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 4063 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 4064 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 4065 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 4066</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720
4066a4916db92fa8058a5ae_Dub-Feature-Illustration-H3%20(2).webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a4916db92fa8058a5ae_Dub-Feature-Illustration-H3%20(2)-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a4916db92fa8058a5ae_Dub-Feature-Illustration-H3%20(2)-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a4916db92fa8058a5ae_Dub-Feature-Illustration-H3%20(2)-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a4916db92fa8058a5ae_Dub-Feature-Illustration-H3%20(2).webp 1361w" alt="" id="img33" class="img-full z-index-1"/></div><div id="card34" class="create_card falcon-lp-card home-card w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646ab5-84a2a6be"><div class="padding-custom1 custom"><div class="flex-container gap-3rem mobile"><p id="h34" class="heading-style-custom">Advanced Editing Features</p><div id="b34" class="plus-icon w-embed"><style> 4067 .plus-icon { 4068 width: 49px; 4069 height: 49px; 4070 } 4071 4072 @media (max-width: 767px) { 4073 .plus-icon { 4074 width: 36px; 4075 height: 36px; 4076 } 4077 } 4078</style> 4079 4080<svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 49" fill="none"> 4081 <circle cx="24.5" cy="24.5" r="23.5" stroke="#FFEDF4" stroke-opacity="0.27" stroke-width="2"/> 4082 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FFEDF4" fill-opacity="0.27"/> 4083 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FFEDF4" fill-opacity="0.27"/> 4084</svg></div></div></div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a49fa004db78db78546_Dub-Feature-Illustration-H3%20(3).webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a49fa004db78db78546_Dub-Feature-Illustration-H3%20(3)-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a49fa004db78db78546_Dub-Feature-Illustration-H3%20(3)-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a49fa004db78db78546_Dub-Feature-Illustration-H3%20(3)-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69720a49fa004db78db78546_Dub-Feature-Illustration-H3%20(3).webp 1361w" alt="" id="img34" class="img-full z-index-1"/></div></div></div></div><div class="hide w-embed w-script">
4084<script> 4085document.addEventListener("DOMContentLoaded", () => { 4086 const buttons = ["b11","b12","b13","b14","b21","b22","b23","b24","b31","b32","b33","b34"]; 4087 const images = ["img11","img12","img13","img14","img21","img22","img23","img24","img31","img32","img33","img34"]; 4088 const cards = ["card11","card12","card13","card14","card21","card22","card23","card24","card31","card32","card33","card34"]; 4089 const headings = ["h11","h12","h13","h14","h21","h22","h23","h24","h31","h32","h33","h34"]; 4090 4091 // Description texts for each card (you can customize these) 4092 const descriptions = { 4093 "card11": "Most low-latency claims stop at the lab. Falcon 2 stays consistently under 100ms, across every region, through edge deployment.", 4094 "card12": " On the independent Artificial Analysis Speech Arena, Falcon 2 ranks above ElevenLabs Flash v2.5 and Turbo v2.5, OpenAI Realtime and xAI TTS on naturalness.", 4095 "card13": "Falcon surpasses most streaming models in language coverage. Voices can switch languages mid-sentence, enabling natural mixed-language conversations.", 4096 "card14": "Falcon's compute-efficient architecture delivers high-quality voices at an industry-leading price of 1 cent per minute. Falcon can reduce voice-agent costs by up to 50%.", 4097 "card21": `Create truly multilingual content using advanced text to speech technology and a vast library of realistic AI voices. Switch seamlessly across languages and accents, supported by 10+ speaking styles from promo to narration, conversational, and more.`, 4098 "card22": "Get technical terms, names, and acronyms pronounced right every time. Use IPA or alternate spellings for authentic accents, then share libraries across teams for consistent output.", 4099 "card23": 'Shape the delivery, not just the words, with an AI Voice Generator Fine tune pitch and pace with precise controls for subtle or dramatic changes. Add pauses and emphasis for natural flow, or use Say It My Way to replicate your voice and intonation.', 4100 "card24": "Add voice inside the tools you already use. Create narrations for PowerPoint faster, add voice in Canva in a few clicks, and build Adobe Captivate e-learning with natural sounding narration.", 4101 "card31": "Dub your content in just one click across a wide range of global languages and accents with our voice translator. Localize videos for every market using natural, studio-quality voices that feel native.", 4102 "card32": "Get context-aware translation that preserves tone and cultural meaning with Murf's Video Translator. No mistranslations, no lost nuance, no broken grammar. Just clear, accurate dubbing every time.", 4103 "card33": "Get your dubbed content reviewed by native speakers from our expert network, ensuring every word and phrase is spot-on and authentic.", 4104 "card34": "Edit dubbed content with studio-grade precision. Adjust pitch, pauses, sentence length, pronunciation, and delivery to match on-screen emotion and flow." 4105 }; 4106 4107 let currentActiveButton = null; 4108 let currentActiveCard = null; 4109 let currentActiveImage = null; 4110 4111 // Desktop SVGs (49x49) 4112 const activeSVGDesktop = `<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"> 4113 <circle opacity="0.3" cx="24.5" cy="24.5" r="24.5" fill="#42208A"/> 4114 <rect x="23" y="18" width="2" height="14" rx="1" fill="#FF31CE"/> 4115 <rect x="31" y="24" width="2" height="14" rx="1" transform="rotate(90 31 24)" fill="#FF31CE"/> 4116 </svg>`; 4117 4118 const defaultSVGDesktop = `<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"> 4119 <circle opacity="0.3" cx="24.5" cy="24.5" r="23.5" stroke="white" stroke-width="2"/> 4120 <g opacity="0.4"> 4121 <rect x="23.5" y="18.5" width="1" height="13" rx="0.5" stroke="white"/> 4122 <rect x="30.5" y="24.5" width="1" height="13" rx="0.5" transform="rotate(90 30.5 24.5)" stroke="white"/> 4123 </g> 4124 </svg>`; 4125 4126 // Mobile SVGs (36x36) 4127 const activeSVGMobile = `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"> 4128 <circle opacity="0.3" cx="18" cy="18" r="18" fill="#42208A"/> 4129 <rect x="16.8979" y="13.2246" width="1.46939" height="10.2857" rx="0.734694" fill="#FF31CE"/> 4130 <rect x="22.7754" y="17.6328" width="1.46939" height="10.2857" rx="0.734694" transform="rotate(90 22.7754 17.6328)" fill="#FF31CE"/> 4131 </svg>`; 4132 4133 const defaultSVGMobile = `<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"> 4134 <circle opacity="0.3" cx="18" cy="18" r="17.2653" stroke="white" stroke-width="1.46939"/> 4135 <g opacity="0.4"> 4136 <rect x="17.2653" y="13.5918" width="0.734694" height="9.55102" rx="0.367347" stroke="white" stroke-width="0.734694"/> 4137 <rect x="22.4082" y="18" width="0.734694" height="9.55102" rx="0.367347" transform="rotate(90 22.4082 18)" stroke="white" stroke-width="0.734694"/> 4138 </g> 4139 </svg>`; 4140 4141 // Close SVG - positioned to align with heading (light version for dark background) 4142 const closeSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
4143 <path d="M39.5563 8.44365C30.9648 -0.147883 17.0352 -0.147883 8.44365 8.44365C-0.147883 17.0352 -0.147883 30.9648 8.44365 39.5563C17.0352 48.1479 30.9648 48.1479 39.5563 39.5563L40.9706 40.9706C31.598 50.3431 16.402 50.3431 7.02944 40.9706C-2.34315 31.598 -2.34315 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34315 40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L39.5563 39.5563C48.1479 30.9648 48.1479 17.0352 39.5563 8.44365Z" fill="#FFEDF4" fill-opacity="0.27"/> 4144 <path d="M19.0503 20.4645C18.6597 20.0739 18.6597 19.4408 19.0503 19.0503C19.4408 18.6597 20.0739 18.6597 20.4645 19.0503L28.9497 27.5355C29.3403 27.9261 29.3403 28.5592 28.9497 28.9497C28.5592 29.3403 27.9261 29.3403 27.5355 28.9497L19.0503 20.4645Z" fill="#FFEDF4" fill-opacity="0.27"/> 4145 <path d="M27.5355 19.0503C27.9261 18.6597 28.5592 18.6597 28.9497 19.0503C29.3403 19.4408 29.3403 20.0739 28.9497 20.4645L20.4645 28.9497C20.0739 29.3403 19.4408 29.3403 19.0503 28.9497C18.6597 28.5592 18.6597 27.9261 19.0503 27.5355L27.5355 19.0503Z" fill="#FFEDF4" fill-opacity="0.27"/> 4146 </svg>`; 4147 4148 // Close SVG - dark version for white background cards 4149 const closeSVGDark = `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
4150 <path d="M39.5563 8.44365C30.9648 -0.147883 17.0352 -0.147883 8.44365 8.44365C-0.147883 17.0352 -0.147883 30.9648 8.44365 39.5563C17.0352 48.1479 30.9648 48.1479 39.5563 39.5563L40.9706 40.9706C31.598 50.3431 16.402 50.3431 7.02944 40.9706C-2.34315 31.598 -2.34315 16.402 7.02944 7.02944C16.402 -2.34315 31.598 -2.34315 40.9706 7.02944C50.3431 16.402 50.3431 31.598 40.9706 40.9706L39.5563 39.5563C48.1479 30.9648 48.1479 17.0352 39.5563 8.44365Z" fill="#1D1136" fill-opacity="0.4"/> 4151 <path d="M19.0503 20.4645C18.6597 20.0739 18.6597 19.4408 19.0503 19.0503C19.4408 18.6597 20.0739 18.6597 20.4645 19.0503L28.9497 27.5355C29.3403 27.9261 29.3403 28.5592 28.9497 28.9497C28.5592 29.3403 27.9261 29.3403 27.5355 28.9497L19.0503 20.4645Z" fill="#1D1136" fill-opacity="0.4"/> 4152 <path d="M27.5355 19.0503C27.9261 18.6597 28.5592 18.6597 28.9497 19.0503C29.3403 19.4408 29.3403 20.0739 28.9497 20.4645L20.4645 28.9497C20.0739 29.3403 19.4408 29.3403 19.0503 28.9497C18.6597 28.5592 18.6597 27.9261 19.0503 27.5355L27.5355 19.0503Z" fill="#1D1136" fill-opacity="0.4"/> 4153 </svg>`; 4154 4155 const isDesktop = () => window.innerWidth > 991; 4156 const getActiveSVG = () => window.innerWidth <= 767 ? activeSVGMobile : activeSVGDesktop; 4157 const getDefaultSVG = () => window.innerWidth <= 767 ? defaultSVGMobile : defaultSVGDesktop; 4158 4159 // Get hover background color based on card row 4160 // Row 1 (card11-14) & Row 3 (card31-34): Black | Row 2 (card21-24): White 4161 const getHoverBg = (cardId) => { 4162 if (cardId.includes("21") || cardId.includes("22") || cardId.includes("23") || cardId.includes("24")) { 4163 return "#FFFFFF"; 4164 } 4165 return "#000000"; 4166 }; 4167 4168 // Inject CSS to force solid backgrounds on hover (overrides gradients) with smooth transitions 4169 const hoverStyles = document.createElement('style'); 4170 hoverStyles.textContent = ` 4171 /* Base card transition for smooth hover */ 4172 #card11, #card12, #card13, #card14, 4173 #card21, #card22, #card23, #card24, 4174 #card31, #card32, #card33, #card34 { 4175 transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), 4176 background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1); 4177 } 4178 4179 /* Row 1 & 3: Black background */ 4180 #card11.hover-active, #card12.hover-active, #card13.hover-active, #card14.hover-active, 4181 #card31.hover-active, #card32.hover-active, #card33.hover-active, #card34.hover-active { 4182 background: #000000 !important; 4183 background-color: #000000 !important; 4184 background-image: none !important; 4185 } 4186 #card11.hover-active *, #card12.hover-active *, #card13.hover-active *, #card14.hover-active *, 4187 #card31.hover-active *, #card32.hover-active *, #card33.hover-active *, #card34.hover-active * { 4188 background: transparent !important; 4189 background-image: none !important; 4190 } 4191 #card11.hover-active::before, #card12.hover-active::before, #card13.hover-active::before, #card14.hover-active::before, 4192 #card31.hover-active::before, #card32.hover-active::before, #card33.hover-active::before, #card34.hover-active::before, 4193 #card11.hover-active::after, #card12.hover-active::after, #card13.hover-active::after, #card14.hover-active::after, 4194 #card31.hover-active::after, #card32.hover-active::after, #card33.hover-active::after, #card34.hover-active::after { 4195 display: none !important; 4196 opacity: 0 !important; 4197 } 4198 4199 /* Row 2: White background */ 4200 #card21.hover-active, #card22.hover-active, #card23.hover-active, #card24.hover-active { 4201 background: #FFFFFF !important; 4202 background-color: #FFFFFF !important; 4203 background-image: none !important; 4204 } 4205 #card21.hover-active *, #card22.hover-active *, #card23.hover-active *, #card24.hover-active * { 4206 background: transparent !important; 4207 background-image: none !important; 4208 } 4209 #card21.hover-active::before, #card22.hover-active::before, #card23.hover-active::before, #card24.hover-active::before, 4210 #card21.hover-active::after, #card22.hover-active::after, #card23.hover-active::after, #card24.hover-active::after { 4211 display: none !important; 4212 opacity: 0 !important; 4213 } 4214 4215 /* Modal close button hover effect */ 4216 #modal-close-btn:hover { 4217 transform: scale(1.1); 4218 } 4219 #modal-close-btn:hover svg path { 4220 fill-opacity: 0.6; 4221 } 4222 4223 /* Modal heading - Desktop: 42px, keep Webflow styles */ 4224 /* Color is set inline based on card row */ 4225 #modal-heading { 4226 font-size: var(--Typography-Heading-3-font-size, 42px) !important; 4227 line-height: 48px !important; 4228 letter-spacing: -1px !important; 4229 word-wrap: break-word !important; 4230 overflow-wrap: break-word !important; 4231 white-space: normal !important; 4232 max-width: 100% !important; 4233 } 4234 4235 /* Text wrappers for responsive padding */ 4236 .text-wrapper { 4237 width: 100%; 4238 padding: 24px; 4239 } 4240 4241 /* Link hover effect in descriptions */
4242 .modal-description-container a:hover { 4243 text-decoration-thickness: 2px; 4244 opacity: 0.8; 4245 } 4246 4247 /* Tablet styles for modal card (max-width: 991px) */ 4248 @media (max-width: 991px) { 4249 #modal-content { 4250 max-width: calc(100vw - 48px) !important; 4251 width: calc(100vw - 48px) !important; 4252 max-height: 720px !important; 4253 height: auto !important; 4254 padding: 16px !important; 4255 flex: 1 0 0 !important; 4256 align-self: stretch !important; 4257 border-radius: 40px !important; 4258 } 4259 /* Fix: Override inline height:100% for tablet - parent has height:auto */ 4260 #modal-inner-content { 4261 height: auto !important; 4262 flex: 1 1 auto !important; 4263 } 4264 .content-container { 4265 height: auto !important; 4266 flex: 1 1 auto !important; 4267 } 4268 /* Image fixed at 440px height on tablet */ 4269 .modal-image-wrapper { 4270 flex: 0 0 440px !important; 4271 height: 440px !important; 4272 max-height: 440px !important; 4273 min-height: 440px !important; 4274 } 4275 .modal-image-wrapper img { 4276 max-height: 440px !important; 4277 object-fit: contain !important; 4278 } 4279 #modal-heading { 4280 font-size: var(--Typography-Heading-3-font-size, 32px) !important; 4281 line-height: 36px !important; 4282 letter-spacing: -1px !important; 4283 } 4284 #modal-close-btn { 4285 top: 16px !important; 4286 right: 16px !important; 4287 width: 40px !important; 4288 height: 40px !important; 4289 } 4290 /* Header row - 24px gap from close button (40px btn + 24px gap = 64px) */ 4291 .modal-header-row { 4292 padding-right: 64px !important; 4293 } 4294 /* Gap between heading and image: 16px */ 4295 /* Gap between image and description: 16px */ 4296 .modal-description-container { 4297 margin-top: 16px !important; 4298 } 4299 /* Description font size for tablet */ 4300 .modal-description-container p { 4301 font-size: 20px !important; 4302 } 4303 /* FIXED: Text wrapper padding for tablet - top and horizontal only, no bottom padding */ 4304 .text-wrapper { 4305 padding: 16px 16px 0 16px; 4306 } 4307 /* FIXED: Description wrapper gets bottom padding to maintain spacing */ 4308 .text-wrapper:last-child { 4309 padding: 16px; 4310 } 4311 } 4312 4313 /* Mobile styles for modal card (max-width: 767px) */ 4314 @media (max-width: 767px) { 4315 #modal-content { 4316 max-width: calc(100vw - 32px) !important; 4317 width: calc(100vw - 32px) !important; 4318 max-height: 720px !important; 4319 height: auto !important; 4320 padding: 8px !important; 4321 flex: 1 0 0 !important; 4322 align-self: stretch !important; 4323 border-radius: 24px !important; 4324 } 4325 #modal-heading { 4326 font-size: var(--Typography-Heading-3-font-size, 32px) !important; 4327 line-height: 36px !important; 4328 letter-spacing: -1px !important; 4329 } 4330 #modal-close-btn { 4331 top: 8px !important; 4332 right: 8px !important; 4333 width: 36px !important; 4334 height: 36px !important; 4335 } 4336 /* Header row - 8px gap from close button (36px btn + 8px gap = 44px) */ 4337 .modal-header-row { 4338 padding-right: 44px !important; 4339 } 4340 /* Reset image height for mobile - undo tablet 440px fix */ 4341 .modal-image-wrapper { 4342 flex: 1 1 auto !important; 4343 height: auto !important; 4344 max-height: none !important; 4345 min-height: 0 !important; 4346 } 4347 .modal-image-wrapper img { 4348 max-height: 100% !important; 4349 } 4350 /* Gap between image and description: 8px */ 4351 .modal-description-container { 4352 margin-top: 8px !important; 4353 } 4354 /* Description font size for mobile */ 4355 .modal-description-container p { 4356 font-size: 20px !important; 4357 } 4358 /* FIXED: Text wrapper padding for mobile - top and horizontal only, no bottom padding */ 4359 .text-wrapper { 4360 padding: 8px 8px 0 8px; 4361 } 4362 /* FIXED: Last text wrapper (description) gets bottom padding to maintain spacing */ 4363 .text-wrapper:last-child { 4364 padding: 8px; 4365 } 4366 } 4367 `; 4368 document.head.appendChild(hoverStyles); 4369 4370 // Modal HTML - Updated structure with proper alignment 4371 const modalHTML = ` 4372 <div id="fullscreen-modal" style="display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15, 8, 28, 0.40);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99999;opacity:0;transition:opacity 0.4s ease;overflow:hidden;"> 4373 <div id="modal-scroll-container" style="width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;"> 4374 <div id="modal-card-wrapper" style="transform:scale(0.9);opacity:0;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);position:relative;background:transparent;padding-top:100px;"> 4375 <div id="modal-content" style="display:flex;width:var(--Layout-Container-Medium-Max-width, 1016px);max-width:calc(100vw - 48px);height:728px;max-height:calc(100vh - 48px);padding:24px;flex-direction:column;align-items:flex-start;flex-shrink:0;border-radius:48px;
4375background:var(--SymenticColors-Background-Base-0, #0F081C);overflow:hidden;position:relative;"> 4376 <div id="modal-inner-content"></div> 4377 </div> 4378 </div> 4379 </div> 4380 </div> 4381 `; 4382 4383 document.body.insertAdjacentHTML('beforeend', modalHTML); 4384 4385 const modal = document.getElementById('fullscreen-modal'); 4386 const modalContent = document.getElementById('modal-content'); 4387 const modalCardWrapper = document.getElementById('modal-card-wrapper'); 4388 const modalInnerContent = document.getElementById('modal-inner-content'); 4389 4390 // Close button will be created dynamically in header row 4391 let modalCloseBtn = null; 4392 4393 const getAnimation = (cardId) => { 4394 if (cardId.includes("11") || cardId.includes("21") || cardId.includes("31")) return "ultraSmoothFlow 12s cubic-bezier(0.4, 0, 0.2, 1) infinite"; 4395 if (cardId.includes("12") || cardId.includes("22") || cardId.includes("32")) return "card2Flow 12s cubic-bezier(0.4, 0, 0.2, 1) infinite"; 4396 if (cardId.includes("13") || cardId.includes("23") || cardId.includes("33")) return "card3Flow 12s cubic-bezier(0.4, 0, 0.2, 1) infinite"; 4397 if (cardId.includes("14") || cardId.includes("24") || cardId.includes("34")) return "card4Flow 12s cubic-bezier(0.4, 0, 0.2, 1) infinite"; 4398 }; 4399 4400 const closeFullscreen = (e) => { 4401 if (e) { 4402 e.preventDefault(); 4403 e.stopPropagation(); 4404 } 4405 4406 // Animate content container - first scale back to default size, then scale down 4407 const contentContainer = modalInnerContent.querySelector('.content-container'); 4408 4409 if (contentContainer) { 4410 // First, scale back to default size (subtle delay) 4411 contentContainer.style.transition = "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"; 4412 contentContainer.style.transform = "scale(1)"; 4413 4414 // After a brief delay, scale down and fade out 4415 setTimeout(() => { 4416 contentContainer.style.transition = "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"; 4417 contentContainer.style.transform = "scale(0.8)"; 4418 contentContainer.style.opacity = "0"; 4419 }, 150); 4420 } 4421 4422 // Delay modal wrapper and other elements 4423 setTimeout(() => { 4424 modalCardWrapper.style.transition = "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"; 4425 modalCardWrapper.style.transform = "scale(0.9)"; 4426 modalCardWrapper.style.opacity = "0"; 4427 modal.style.transition = "opacity 0.4s ease"; 4428 modal.style.opacity = "0"; 4429 }, 200); 4430 4431 setTimeout(() => { 4432 modal.style.display = "none"; 4433 modalInnerContent.innerHTML = ""; 4434 document.body.style.overflow = ""; 4435 4436 if (currentActiveButton) { 4437 currentActiveButton.innerHTML = getDefaultSVG(); 4438 currentActiveButton = null; 4439 } 4440 4441 if (currentActiveCard) { 4442 currentActiveCard.style.background = currentActiveCard.dataset.originalBg; 4443 currentActiveCard.style.animation = getAnimation(currentActiveCard.id); 4444 currentActiveCard = null; 4445 } 4446 4447 if (currentActiveImage) { 4448 currentActiveImage.style.opacity = "0"; 4449 currentActiveImage.style.display = "none"; 4450 currentActiveImage = null; 4451 } 4452 }, 700); 4453 }; 4454 4455 const openFullscreen = (card, img, btn) => { 4456 img.style.transition = "none"; 4457 img.style.opacity = "0"; 4458 img.style.display = "none"; 4459 4460 card.style.background = card.dataset.originalBg; 4461 card.style.animation = getAnimation(card.id); 4462 4463 void card.offsetHeight; 4464 4465 setTimeout(() => { 4466 img.style.transition = "opacity 0.3s ease"; 4467 }, 50); 4468 4469 btn.innerHTML = getActiveSVG(); 4470 currentActiveButton = btn; 4471 currentActiveCard = card; 4472 currentActiveImage = img; 4473 4474 const imgClone = img.cloneNode(true); 4475 4476 // Get the correct heading ID based on card index 4477 const cardIndex = cards.indexOf(card.id); 4478 const headingId = headings[cardIndex]; 4479 const originalHeading = document.getElementById(headingId); 4480 const headingClone = originalHeading ? originalHeading.cloneNode(true) : null; 4481 4482 // Get description text for this card 4483 const descriptionText = descriptions[card.id] || ""; 4484 4485 // Content container - heading on top, image in middle, description below 4486 const contentContainer = document.createElement('div'); 4487 contentContainer.className = "content-container"; 4488 contentContainer.style.cssText = "width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0;transform:scale(0.9);opacity:0;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);position:relative;z-index:10;"; 4489 4490 // Header row wrapper with text-wrapper class for responsive padding 4491 const headerWrapper = document.createElement('div'); 4492 headerWrapper.className = "text-wrapper"; 4493 headerWrapper.style.cssText = "width:100%;display:flex;align-items:flex-start;"; 4494 4495 // Header row - heading only (close button positioned absolutely) 4496 const headerRow = document.createElement('div');
4497 headerRow.className = "modal-header-row"; 4498 headerRow.style.cssText = "display:flex;align-items:flex-start;gap:0;flex:1;padding-right:80px;"; 4499 4500 // Use original Webflow heading - clone it and just override color if needed 4501 let h2Heading; 4502 if (headingClone) { 4503 h2Heading = headingClone.cloneNode(true); 4504 h2Heading.id = "modal-heading"; 4505 // Set color based on card row: Row 2 (white bg) = dark text, others = white text 4506 if (card.id.includes("21") || card.id.includes("22") || card.id.includes("23") || card.id.includes("24")) { 4507 h2Heading.style.color = "var(--SymenticColors-Text-Main-High-Contrast, #1D1136)"; 4508 } else { 4509 h2Heading.style.color = "var(--SymenticColors-Text-Main-High-Contrast, #FFF)"; 4510 } 4511 h2Heading.style.flex = "1 1 auto"; // Allow wrapping 4512 h2Heading.style.minWidth = "0"; // Allow text to wrap 4513 h2Heading.style.margin = "0"; 4514 h2Heading.style.padding = "0"; 4515 h2Heading.style.background = "transparent"; 4516 h2Heading.style.wordWrap = "break-word"; 4517 h2Heading.style.overflowWrap = "break-word"; 4518 } else { 4519 h2Heading = document.createElement('h2'); 4520 h2Heading.id = "modal-heading"; 4521 } 4522 4523 // Create close button - positioned absolutely 4524 // Use dark SVG for white background cards (21-24), light SVG for others 4525 const closeBtn = document.createElement('button'); 4526 closeBtn.id = "modal-close-btn"; 4527 closeBtn.style.cssText = "position:absolute;top:24px;right:24px;background:transparent;border:none;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;padding:0;z-index:100;"; 4528 if (card.id.includes("21") || card.id.includes("22") || card.id.includes("23") || card.id.includes("24")) { 4529 closeBtn.innerHTML = closeSVGDark; 4530 } else { 4531 closeBtn.innerHTML = closeSVG; 4532 } 4533 closeBtn.addEventListener('click', closeFullscreen); 4534 closeBtn.addEventListener('mouseenter', () => closeBtn.style.transform = "scale(1.1)"); 4535 closeBtn.addEventListener('mouseleave', () => closeBtn.style.transform = "scale(1)"); 4536 modalCloseBtn = closeBtn; 4537 4538 headerRow.appendChild(h2Heading); 4539 headerWrapper.appendChild(headerRow); 4540 4541 // Image wrapper - centered in middle with 24px gap from heading 4542 const imgWrapper = document.createElement('div'); 4543 imgWrapper.className = "modal-image-wrapper"; 4544 imgWrapper.style.cssText = "width:100%;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:0;"; 4545 imgClone.style.cssText = "display:block;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1;position:relative;margin:0;padding:0;border-radius:0;object-fit:contain;background:transparent !important;background-image:none !important;"; 4546 imgWrapper.appendChild(imgClone); 4547 4548 // Description container wrapper with text-wrapper class for responsive padding 4549 const descWrapper = document.createElement('div'); 4550 descWrapper.className = "text-wrapper"; 4551 descWrapper.style.cssText = "width:100%;"; 4552 4553 // Description container - 24px gap from image 4554 const descContainer = document.createElement('div'); 4555 descContainer.className = "modal-description-container"; 4556 descContainer.style.cssText = "display:flex;padding:0;margin:0;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;"; 4557 4558 if (descriptionText) { 4559 const descText = document.createElement('p'); 4560 // Use innerHTML instead of textContent to support HTML links 4561 descText.innerHTML = descriptionText; 4562 // Set color based on card row: Row 2 (white bg) = dark text, others = white text 4563 const textColor = (card.id.includes("21") || card.id.includes("22") || card.id.includes("23") || card.id.includes("24")) 4564 ? "var(--SymenticColors-Text-Main-High-Contrast, #1D1136)" 4565 : "var(--SymenticColors-Text-Main-High-Contrast, #FFF)"; 4566 descText.style.cssText = "color:" + textColor + ";font-family:var(--Typography-font-family-Body, Inter);font-size:var(--Typography-Body-large-font-size, 24px);font-style:normal;font-weight:400;line-height:var(--Typography-Body-large-line-height, 36px);margin:0;padding:0;flex:1 0 0;"; 4567 descContainer.appendChild(descText); 4568 } 4569 4570 descWrapper.appendChild(descContainer); 4571 4572 // Order: Header (Heading + Close) â Image â Description 4573 contentContainer.appendChild(headerWrapper); 4574 contentContainer.appendChild(imgWrapper); 4575 contentContainer.appendChild(descWrapper); 4576 4577 modalInnerContent.innerHTML = ""; 4578 modalInnerContent.style.cssText = "width:100%;height:100%;display:flex;flex-direction:column;"; 4579 modalInnerContent.appendChild(contentContainer); 4580 4581 // Set modal background color based on card row 4582 // Row 2 (card21-24): White | Row 1 & 3 (card11-14, card31-34): Black 4583 if (card.id.includes("21") || card.id.includes("22") || card.id.includes("23") || card.id.includes("24")) { 4584 modalContent.style.background = "#FFFFFF"; 4585 } else { 4586 modalContent.style.background = "var(--SymenticColors-Backgroun
4586d-Base-0, #0F081C)"; 4587 } 4588 4589 // Remove existing close button if any, then append new one to modal-content for absolute positioning 4590 const existingCloseBtn = modalContent.querySelector('#modal-close-btn'); 4591 if (existingCloseBtn) existingCloseBtn.remove(); 4592 modalContent.appendChild(closeBtn); 4593 4594 modal.style.display = "block"; 4595 document.body.style.overflow = "hidden"; 4596 4597 requestAnimationFrame(() => { 4598 modal.style.opacity = "1"; 4599 setTimeout(() => { 4600 modalCardWrapper.style.transform = "scale(1)"; 4601 modalCardWrapper.style.opacity = "1"; 4602 contentContainer.style.transform = "scale(1)"; 4603 contentContainer.style.opacity = "1"; 4604 }, 50); 4605 }); 4606 }; 4607 4608 // Close on backdrop click 4609 modal.addEventListener('click', (e) => { 4610 if (e.target === modal || e.target.id === 'modal-scroll-container') { 4611 closeFullscreen(e); 4612 } 4613 }); 4614 4615 // Close on Escape key 4616 document.addEventListener('keydown', (e) => { 4617 if (e.key === 'Escape' && modal.style.display === 'block') { 4618 closeFullscreen(e); 4619 } 4620 }); 4621 4622 const updateAllButtonSVGs = () => { 4623 buttons.forEach((id) => { 4624 const btn = document.getElementById(id); 4625 if (!btn) return; 4626 4627 if (btn === currentActiveButton) { 4628 btn.innerHTML = getActiveSVG(); 4629 } else { 4630 btn.innerHTML = getDefaultSVG(); 4631 } 4632 btn.dataset.original = getDefaultSVG(); 4633 }); 4634 }; 4635 4636 buttons.forEach((id, i) => { 4637 const btn = document.getElementById(id); 4638 const img = document.getElementById(images[i]); 4639 const card = document.getElementById(cards[i]); 4640 4641 if (!btn || !card || !img) return; 4642 4643 btn.innerHTML = getDefaultSVG(); 4644 btn.dataset.original = getDefaultSVG(); 4645 card.dataset.originalBg = window.getComputedStyle(card).background; 4646 card.style.cssText += "position:relative;overflow:hidden;z-index:1;cursor:pointer;"; 4647 card.style.animation = getAnimation(cards[i]); 4648 4649 img.style.cssText = "display:none;position:absolute;bottom:0;left:0;width:100%;height:auto;object-fit:contain;object-position:bottom;z-index:1;opacity:0;transition:opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;backface-visibility:hidden;will-change:opacity;transform:translateZ(0);"; 4650 4651 const handleOpen = (e) => { 4652 e.preventDefault(); 4653 e.stopPropagation(); 4654 openFullscreen(card, img, btn); 4655 }; 4656 4657 btn.addEventListener("click", handleOpen); 4658 card.addEventListener("click", handleOpen); 4659 4660 let hoverTimeout; 4661 4662 card.addEventListener("mouseenter", () => { 4663 if (!isDesktop()) return; 4664 4665 clearTimeout(hoverTimeout); 4666 card.classList.add('hover-active'); 4667 card.style.animation = "none"; 4668 4669 // Smooth reveal: show image first, then fade in 4670 img.style.display = "block"; 4671 // Double RAF ensures browser has painted display:block before transitioning opacity 4672 requestAnimationFrame(() => { 4673 requestAnimationFrame(() => { 4674 img.style.opacity = "1"; 4675 }); 4676 }); 4677 btn.innerHTML = getActiveSVG(); 4678 }); 4679 4680 card.addEventListener("mouseleave", () => { 4681 if (!isDesktop()) return; 4682 4683 card.classList.remove('hover-active'); 4684 img.style.opacity = "0"; 4685 btn.innerHTML = getDefaultSVG(); 4686 hoverTimeout = setTimeout(() => { 4687 img.style.display = "none"; 4688 card.style.animation = getAnimation(cards[i]); 4689 }, 350); 4690 }); 4691 }); 4692 4693 window.addEventListener('resize', updateAllButtonSVGs); 4694}); 4695</script>
4695</div><div class="hide w-embed"><style> 4696/* CARD GRADIENTS */ 4697/* Column 1 - Purple/Yellow gradient (card11, card21, card31) */ 4698/* Card 11 */ 4699#card11 { 4700 position: relative; 4701 overflow: hidden; 4702 background: #1a1a2e; 4703} 4704 4705#card11::before { 4706 content: ''; 4707 position: absolute; 4708 width: 340px; 4709 height: 365px; 4710 border-radius: 365px; 4711 background: radial-gradient(ellipse 150% 120% at 30% 40%, rgba(255, 213, 34, 0.5) 0%, rgba(255, 213, 34, 0.3) 40%, transparent 75%); 4712 filter: blur(75px); 4713 bottom: -100px; 4714 left: -50px; 4715 z-index: 0; 4716 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4717} 4718 4719#card11::after { 4720 content: ''; 4721 position: absolute; 4722 width: 220px; 4723 height: 236px; 4724 background: radial-gradient(ellipse 130% 110% at 60% 50%, rgba(115, 93, 255, 0.7) 0%, rgba(115, 93, 255, 0.4) 45%, transparent 75%); 4725 filter: blur(100px); 4726 top: -50px; 4727 right: -30px; 4728 border-radius: 50%; 4729 z-index: 0; 4730 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4731} 4732 4733#card11 > * { 4734 position: relative; 4735 z-index: 1; 4736} 4737 4738/* Card 21 - PINK/PEACH GLOW */ 4739#card21 { 4740 position: relative; 4741 overflow: hidden; 4742 background: linear-gradient(135deg, #ffeef5 0%, #ffe8f0 100%); 4743} 4744 4745#card21::before { 4746 content: ''; 4747 position: absolute; 4748 width: 450px; 4749 height: 484px; 4750 border-radius: 484px; 4751 background: radial-gradient(ellipse 140% 130% at 40% 50%, rgba(255, 182, 220, 1) 0%, rgba(255, 182, 220, 0.7) 35%, transparent 70%); 4752 filter: blur(80px); 4753 bottom: -150px; 4754 left: -100px; 4755 z-index: 0; 4756 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4757} 4758 4759#card21::after { 4760 content: ''; 4761 position: absolute; 4762 width: 300px; 4763 height: 322px; 4764 border-radius: 322px; 4765 background: radial-gradient(ellipse 135% 125% at 55% 45%, rgba(230, 200, 255, 1) 0%, rgba(230, 200, 255, 0.6) 40%, transparent 72%); 4766 filter: blur(60px); 4767 top: -80px; 4768 right: -50px; 4769 z-index: 0; 4770 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4771} 4772 4773#card21 > * { 4774 position: relative; 4775 z-index: 1; 4776} 4777 4778/* Card 31 */ 4779#card31 { 4780 position: relative; 4781 overflow: hidden; 4782 background: #1a1a2e; 4783} 4784 4785#card31::before { 4786 content: ''; 4787 position: absolute; 4788 width: 340px; 4789 height: 365px; 4790 border-radius: 365px; 4791 background: radial-gradient(ellipse 145% 125% at 35% 45%, rgba(118, 0, 213, 0.6) 0%, rgba(118, 0, 213, 0.35) 42%, transparent 73%); 4792 filter: blur(75px); 4793 bottom: -100px; 4794 left: -50px; 4795 z-index: 0; 4796 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4797} 4798 4799#card31::after { 4800 content: ''; 4801 position: absolute; 4802 width: 220px; 4803 height: 236px; 4804 background: radial-gradient(ellipse 130% 115% at 58% 48%, rgba(204, 140, 255, 1) 0%, rgba(204, 140, 255, 0.6) 40%, transparent 72%); 4805 filter: blur(100px); 4806 top: -50px; 4807 right: -30px; 4808 border-radius: 50%; 4809 z-index: 0; 4810 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4811} 4812 4813#card31 > * { 4814 position: relative; 4815 z-index: 1; 4816} 4817 4818/* Column 2 - Orange/Pink gradient (card12, card22, card32) */ 4819/* ========== CARD 12 ========== */ 4820#card12 { 4821 position: relative; 4822 overflow: hidden; 4823 background: #1a1a2e; 4824} 4825 4826#card12::before { 4827 content: ''; 4828 position: absolute; 4829 width: 220px; 4830 height: 236px; 4831 border-radius: 50%; 4832 background: radial-gradient(ellipse 135% 120% at 55% 50%, rgba(115, 93, 255, 1) 0%, rgba(115, 93, 255, 0.65) 38%, transparent 72%); 4833 filter: blur(100px); 4834 top: -50px; 4835 right: -30px; 4836 z-index: 0; 4837 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4838} 4839 4840#card12::after { 4841 content: ''; 4842 position: absolute; 4843 width: 340px; 4844 height: 365px; 4845 border-radius: 365px; 4846 background: radial-gradient(ellipse 145% 125% at 40% 45%, rgba(240, 33, 115, 0.5) 0%, rgba(240, 33, 115, 0.28) 42%, transparent 74%); 4847 filter: blur(75px); 4848 bottom: -100px; 4849 left: -50px; 4850 z-index: 0; 4851 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4852} 4853 4854#card12 > * { 4855 position: relative; 4856 z-index: 1; 4857} 4858 4859/* ========== CARD 22 - PURPLE/LAVENDER GLOW ========== */ 4860#card22 { 4861 position: relative; 4862 overflow: hidden; 4863 background: linear-gradient(135deg, #e8e0ff 0%, #f0e8ff 100%); 4864} 4865 4866#card22::before { 4867 content: ''; 4868 position: absolute; 4869 width: 450px; 4870 height: 483px; 4871 border-radius: 483px; 4872 background: radial-gradient(ellipse 140% 135% at 45% 48%, rgba(200, 180, 255, 1) 0%, rgba(200, 180, 255, 0.7) 36%, transparent 70%); 4873 filter: blur(80px); 4874 bottom: -150px; 4875 left: -100px; 4876 z-index: 0; 4877 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4878} 4879 4880#card22::after {
4881 content: ''; 4882 position: absolute; 4883 width: 300px; 4884 height: 322px; 4885 border-radius: 322px; 4886 background: radial-gradient(ellipse 138% 125% at 52% 47%, rgba(180, 150, 255, 1) 0%, rgba(180, 150, 255, 0.6) 38%, transparent 71%); 4887 filter: blur(60px); 4888 top: -80px; 4889 right: -50px; 4890 z-index: 0; 4891 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4892} 4893 4894#card22 > * { 4895 position: relative; 4896 z-index: 1; 4897} 4898 4899/* ========== CARD 32 ========== */ 4900#card32 { 4901 position: relative; 4902 overflow: hidden; 4903 background: #2d1b3d; 4904} 4905 4906#card32::before { 4907 content: ''; 4908 position: absolute; 4909 width: 340px; 4910 height: 365px; 4911 border-radius: 365px; 4912 background: radial-gradient(ellipse 148% 130% at 38% 42%, rgba(209, 18, 94, 0.6) 0%, rgba(209, 18, 94, 0.35) 40%, transparent 73%); 4913 filter: blur(75px); 4914 bottom: -100px; 4915 left: -50px; 4916 z-index: 0; 4917 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4918} 4919 4920#card32::after { 4921 content: ''; 4922 position: absolute; 4923 width: 220px; 4924 height: 236px; 4925 border-radius: 50%; 4926 background: radial-gradient(ellipse 132% 118% at 56% 48%, rgba(255, 131, 180, 1) 0%, rgba(255, 131, 180, 0.65) 38%, transparent 72%); 4927 filter: blur(100px); 4928 top: -50px; 4929 right: -30px; 4930 z-index: 0; 4931 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4932} 4933 4934#card32 > * { 4935 position: relative; 4936 z-index: 1; 4937} 4938 4939/* Column 3 - Green gradient (card13, card23, card33) */ 4940/* ========== CARD 13 ========== */ 4941#card13 { 4942 position: relative; 4943 overflow: hidden; 4944 background: #1a1a2e; 4945} 4946 4947#card13::before { 4948 content: ''; 4949 position: absolute; 4950 width: 220px; 4951 height: 236px; 4952 border-radius: 50%; 4953 background: radial-gradient(ellipse 135% 122% at 54% 48%, rgba(184, 95, 255, 1) 0%, rgba(184, 95, 255, 0.68) 37%, transparent 72%); 4954 filter: blur(100px); 4955 top: -50px; 4956 right: -30px; 4957 z-index: 0; 4958 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4959} 4960 4961#card13::after { 4962 content: ''; 4963 position: absolute; 4964 width: 340px; 4965 height: 365px; 4966 border-radius: 365px; 4967 background: radial-gradient(ellipse 145% 128% at 42% 44%, rgba(66, 32, 138, 0.5) 0%, rgba(66, 32, 138, 0.3) 41%, transparent 73%); 4968 filter: blur(75px); 4969 bottom: -100px; 4970 left: -50px; 4971 z-index: 0; 4972 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4973} 4974 4975#card13 > * { 4976 position: relative; 4977 z-index: 1; 4978} 4979 4980/* ========== CARD 23 - PINK/PURPLE GLOW ========== */ 4981#card23 { 4982 position: relative; 4983 overflow: hidden; 4984 background: linear-gradient(135deg, #ffe0f5 0%, #ffe8f8 100%); 4985} 4986 4987#card23::before { 4988 content: ''; 4989 position: absolute; 4990 width: 483px; 4991 height: 451px; 4992 border-radius: 483px; 4993 background: radial-gradient(ellipse 140% 135% at 50% 50%, rgba(255, 150, 220, 1) 0%, rgba(255, 150, 220, 0.6) 35%, transparent 70%); 4994 filter: blur(80px); 4995 top: 0; 4996 left: -150px; 4997 z-index: 0; 4998 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 4999} 5000 5001#card23::after { 5002 content: ''; 5003 position: absolute; 5004 width: 322px; 5005 height: 300px; 5006 border-radius: 322px; 5007 background: radial-gradient(ellipse 130% 130% at 50% 50%, rgba(230, 120, 230, 1) 0%, rgba(230, 120, 230, 0.5) 40%, transparent 75%); 5008 filter: blur(60px); 5009 bottom: -80px; 5010 right: -50px; 5011 z-index: 0; 5012 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5013} 5014 5015#card23 > * { 5016 position: relative; 5017 z-index: 1; 5018} 5019 5020/* ========== CARD 33 ========== */ 5021#card33 { 5022 position: relative; 5023 overflow: hidden; 5024 background: #1a1a2e; 5025} 5026 5027#card33::before { 5028 content: ''; 5029 position: absolute; 5030 width: 230px; 5031 height: 227px; 5032 border-radius: 50%; 5033 background: radial-gradient(ellipse 136% 124% at 54% 49%, rgba(160, 137, 255, 1) 0%, rgba(160, 137, 255, 0.65) 38%, transparent 72%); 5034 filter: blur(100px); 5035 transform: rotate(-130.073deg); 5036 top: -60px; 5037 right: -40px; 5038 z-index: 0; 5039 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5040} 5041 5042#card33::after { 5043 content: ''; 5044 position: absolute; 5045 width: 355px; 5046 height: 351px; 5047 border-radius: 355px; 5048 background: radial-gradient(ellipse 147% 132% at 40% 43%, rgba(49, 0, 187, 0.6) 0%, rgba(49, 0, 187, 0.35) 40%, transparent 73%); 5049 filter: blur(75px); 5050 transform: rotate(-130.073deg); 5051 bottom: -110px; 5052 left: -60px; 5053 z-index: 0; 5054 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5055} 5056 5057#card33 > * { 5058 position: relative; 5059 z-index: 1; 5060} 5061 5062/* Column 4 - Purple/Blue gradient (card14, card24, card34) */ 5063/* ========== CARD 14 ========== */ 5064#card14 { 5065 position: relative; 5066 overflow: hidden; 5067 background: #1a1a2e; 5068} 5069 5070#card14::before { 5071 content: ''; 5072 position: absolute; 5073 width: 220px; 5074 height: 236px; 5075 border-radius: 50%; 5076 background: radial-gradient(ellipse 134% 120% at 55% 49%, rgba(184, 95, 255, 1) 0%, rgba(184, 95, 255, 0.67) 38%, transparent 72%); 5077 filter: blur(100px); 5078 top: -50px; 5079 right: -30px; 5080 z-index: 0; 5081 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5082} 5083 5084#card14::after {
5085 content: ''; 5086 position: absolute; 5087 width: 358px; 5088 height: 348px; 5089 border-radius: 358px; 5090 background: radial-gradient(ellipse 146% 128% at 41% 44%, rgba(197, 22, 225, 0.5) 0%, rgba(197, 22, 225, 0.3) 41%, transparent 73%); 5091 filter: blur(75px); 5092 transform: rotate(56.497deg); 5093 bottom: -100px; 5094 left: -60px; 5095 z-index: 0; 5096 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5097} 5098 5099#card14 > * { 5100 position: relative; 5101 z-index: 1; 5102} 5103 5104/* ========== CARD 24 - YELLOW/PURPLE GLOW ========== */ 5105#card24 { 5106 position: relative; 5107 overflow: hidden; 5108 background: linear-gradient(135deg, #fffae0 0%, #fef8e8 100%); 5109} 5110 5111#card24::before { 5112 content: ''; 5113 position: absolute; 5114 width: 300px; 5115 height: 300px; 5116 border-radius: 400px; 5117 background: radial-gradient(ellipse 40% 140% at 30% 30%, rgba(255, 230, 120, 1) 0%, rgba(255, 230, 120, 0.7) 30%, transparent 75%); 5118 filter: blur(70px); 5119 top: -80px; 5120 left: -100px; 5121 z-index: 0; 5122 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5123} 5124 5125#card24::after { 5126 content: ''; 5127 position: absolute; 5128 width: 380px; 5129 height: 380px; 5130 border-radius: 380px; 5131 background: radial-gradient(ellipse 145% 135% at 60% 60%, rgba(170, 140, 255, 1) 0%, rgba(170, 140, 255, 0.7) 40%, transparent 75%); 5132 filter: blur(70px); 5133 bottom: -120px; 5134 right: -120px; 5135 z-index: 0; 5136 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5137} 5138 5139#card24 > * { 5140 position: relative; 5141 z-index: 1; 5142} 5143 5144/* ========== CARD 34 ========== */ 5145#card34 { 5146 position: relative; 5147 overflow: hidden; 5148 background: #1a1a2e; 5149} 5150 5151#card34::before { 5152 content: ''; 5153 position: absolute; 5154 width: 340px; 5155 height: 365px; 5156 border-radius: 365px; 5157 background: radial-gradient(ellipse 148% 130% at 39% 43%, rgba(255, 94, 59, 0.6) 0%, rgba(255, 94, 59, 0.35) 40%, transparent 73%); 5158 filter: blur(75px); 5159 bottom: -100px; 5160 left: -50px; 5161 z-index: 0; 5162 animation: gradientMove1 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5163} 5164 5165#card34::after { 5166 content: ''; 5167 position: absolute; 5168 width: 220px; 5169 height: 236px; 5170 border-radius: 50%; 5171 background: radial-gradient(ellipse 133% 119% at 56% 49%, rgba(255, 231, 129, 1) 0%, rgba(255, 231, 129, 0.65) 38%, transparent 72%); 5172 filter: blur(100px); 5173 top: -50px; 5174 right: -30px; 5175 z-index: 0; 5176 animation: gradientMove2 10s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; 5177} 5178 5179#card34 > * { 5180 position: relative; 5181 z-index: 1; 5182} 5183 5184/* ========== ANIMATIONS - USING TRANSFORM FOR VISIBLE MOVEMENT ========== */ 5185@keyframes gradientMove1 { 5186 0%, 100% { 5187 transform: translate(0, 0); 5188 } 5189 33% { 5190 transform: translate(-30px, 30px); 5191 } 5192 66% { 5193 transform: translate(30px, -30px); 5194 } 5195} 5196 5197@keyframes gradientMove2 { 5198 0%, 100% { 5199 transform: translate(0, 0); 5200 } 5201 33% { 5202 transform: translate(30px, -30px); 5203 } 5204 66% { 5205 transform: translate(-30px, 30px); 5206 } 5207} 5208 5209@keyframes gradientMove3 { 5210 0%, 100% { 5211 transform: translate(-50%, -50%); 5212 } 5213 33% { 5214 transform: translate(-45%, -55%); 5215 } 5216 66% { 5217 transform: translate(-55%, -45%); 5218 } 5219} 5220 5221/* ========== TABLET VIEW ONLY - Shift gradients to center ========== */ 5222@media only screen and (min-width: 768px) and (max-width: 1024px) { 5223 /* Move bottom-left gradients toward center */ 5224 #card11::before, 5225 #card31::before, 5226 #card12::after, 5227 #card32::before, 5228 #card13::after, 5229 #card33::after, 5230 #card14::after, 5231 #card34::before { 5232 left: 40px; 5233 bottom: -140px; 5234 } 5235 5236 /* Push top-right gradients DEEP into center to cover black */ 5237 #card11::after, 5238 #card31::after, 5239 #card12::before, 5240 #card32::after, 5241 #card13::before, 5242 #card33::before, 5243 #card14::before, 5244 #card34::after { 5245 right: 250px; 5246 top: -100px; 5247 } 5248} 5249</style></div><div class="hide w-embed"><style> 5250/* BG GRADIENTS ANIMATION */ 5251 5252/* Gradient Animation for API Section */ 5253/* BG GRADIENTS ANIMATION */ 5254 5255/* Gradient Animation for API Section */ 5256/* BG GRADIENTS ANIMATION */ 5257 5258/* Gradient Animation for API Section */ 5259#gradient1 { 5260 position: relative; 5261 overflow: hidden; 5262} 5263 5264#gradient1::before { 5265 content: ''; 5266 position: absolute; 5267 left: 50%; 5268 bottom: -44px; 5269 width: 100%; 5270 max-width: 1440px; 5271 height: 434px; 5272 border-radius: 1440px; 5273 opacity: 0.6; 5274 background: linear-gradient(85deg, #E6B800 11.91%, #D91A9F 48.83%, #5A47CC 85.75%); 5275 filter: blur(200px); 5276 transform: translateX(-50%); 5277 animation: subtleFlow1 8s ease-in-out infinite; 5278 pointer-events: none; 5279 z-index: 0; 5280} 5281 5282#gradient1::after { 5283 content: ''; 5284 position: absolute; 5285 left: 50%; 5286 bottom: -44px; 5287 width: 100%; 5288 max-width: 1440px; 5289 height: 434px; 5290 border-radius: 1440px; 5291 opacity: 0; 5292 background: linear-gradient(85deg, #E6B800 11.91%, #D91A9F 48.83%, #5A47CC 85.75%); 5293 filter: blur(200px); 5294 transform: translateX(-50%); 5295 animation: subtleShift1 8s ease-in-out infinite; 5296 pointer-events: none; 5297 z-index: 0; 5298} 5299 5300@keyframes subtleFlow1 { 5301 0% { 5302 opacity: 0.6; 5303 transform: translateX(-50%) translateY(0px); 5304 } 5305 50% { 5306 opacity: 0.5; 5307 transform: translateX(-50%) translateY(-20px); 5308 } 5309 100% { 5310 opacity: 0.6; 5311 transform: translateX(-50%) translateY(0px); 5312 } 5313} 5314 5315@keyframes subtleShift1 { 5316 0% { 5317 opacity: 0; 5318 transform: translateX(-50%) translateY(0px); 5319 } 5320 50% { 5321 opacity: 0.4; 5322 transform: translateX(-50%) translateY(-30px); 5323 } 5324 100% { 5325 opacity: 0; 5326 transform: translateX(-50%) translateY(0px); 5327 } 5328} 5329
5330/* Responsive adjustments */ 5331@media (max-width: 1440px) { 5332 #gradient1::before, 5333 #gradient1::after { 5334 width: 100vw; 5335 } 5336} 5337 5338@media (max-width: 768px) { 5339 #gradient1::before, 5340 #gradient1::after { 5341 height: 330px; 5342 filter: blur(150px); 5343 border-radius: 768px; 5344 } 5345} 5346 5347@media (max-width: 480px) { 5348 #gradient1::before, 5349 #gradient1::after { 5350 height: 280px; 5351 filter: blur(120px); 5352 border-radius: 480px; 5353 } 5354} 5355 5356/* Gradient Animation for STUDIO Section */ 5357#Studio { 5358 position: relative; 5359 overflow: hidden; 5360} 5361 5362#Studio::before { 5363 content: ''; 5364 position: absolute; 5365 left: 50%; 5366 bottom: -2px; 5367 width: 100%; 5368 max-width: 1440px; 5369 height: 392px; 5370 opacity: 0.6; 5371 background: linear-gradient(85deg, #FFD522 11.91%, #E81DB8 48.83%, #735DFF 85.75%); 5372 filter: blur(200px); 5373 transform: translateX(-50%); 5374 animation: subtleFlow 8s ease-in-out infinite; 5375 pointer-events: none; 5376 z-index: 0; 5377} 5378 5379#Studio::after { 5380 content: ''; 5381 position: absolute; 5382 left: 50%; 5383 bottom: -2px; 5384 width: 100%; 5385 max-width: 1440px; 5386 height: 392px; 5387 opacity: 0; 5388 background: linear-gradient(85deg, #FFD522 11.91%, #E81DB8 48.83%, #735DFF 85.75%); 5389 filter: blur(200px); 5390 transform: translateX(-50%); 5391 animation: subtleShift 8s ease-in-out infinite; 5392 pointer-events: none; 5393 z-index: 0; 5394} 5395 5396@keyframes subtleFlow { 5397 0% { 5398 opacity: 0.6; 5399 transform: translateX(-50%) translateY(0px); 5400 } 5401 50% { 5402 opacity: 0.5; 5403 transform: translateX(-50%) translateY(-20px); 5404 } 5405 100% { 5406 opacity: 0.6; 5407 transform: translateX(-50%) translateY(0px); 5408 } 5409} 5410 5411@keyframes subtleShift { 5412 0% { 5413 opacity: 0; 5414 transform: translateX(-50%) translateY(0px); 5415 } 5416 50% { 5417 opacity: 0.4; 5418 transform: translateX(-50%) translateY(-30px); 5419 } 5420 100% { 5421 opacity: 0; 5422 transform: translateX(-50%) translateY(0px); 5423 } 5424} 5425 5426/* Responsive adjustments */ 5427@media (max-width: 1440px) { 5428 #gradient::before, 5429 #gradient::after { 5430 width: 100vw; 5431 } 5432} 5433 5434@media (max-width: 768px) { 5435 #gradient::before, 5436 #gradient::after { 5437 height: 330px; 5438 filter: blur(150px); 5439 } 5440} 5441 5442@media (max-width: 480px) { 5443 #gradient::before, 5444 #gradient::after { 5445 height: 240px; 5446 filter: blur(120px); 5447 } 5448} 5449 5450/* Gradient Animation for DUBBING Section */ 5451#Dubbing { 5452 position: relative; 5453 overflow: hidden; 5454} 5455 5456#Dubbing::before { 5457 content: ''; 5458 position: absolute; 5459 left: 50%; 5460 bottom: 3px; 5461 width: 100%; 5462 max-width: 1440px; 5463 height: 405px; 5464 border-radius: 1440px; 5465 opacity: 0.6; 5466 background: linear-gradient(85deg, #E6B800 11.91%, #D91A9F 48.83%, #5A47CC 85.75%); 5467 filter: blur(200px); 5468 transform: translateX(-50%); 5469 animation: subtleFlow3 8s ease-in-out infinite; 5470 pointer-events: none; 5471 z-index: 0; 5472} 5473 5474#Dubbing::after { 5475 content: ''; 5476 position: absolute; 5477 left: 50%; 5478 bottom: 3px; 5479 width: 100%; 5480 max-width: 1440px; 5481 height: 405px; 5482 border-radius: 1440px; 5483 opacity: 0; 5484 background: linear-gradient(85deg, #E6B800 11.91%, #D91A9F 48.83%, #5A47CC 85.75%); 5485 filter: blur(200px); 5486 transform: translateX(-50%); 5487 animation: subtleShift3 8s ease-in-out infinite; 5488 pointer-events: none; 5489 z-index: 0; 5490} 5491 5492@keyframes subtleFlow3 { 5493 0% { 5494 opacity: 0.6; 5495 transform: translateX(-50%) translateY(0px); 5496 } 5497 50% { 5498 opacity: 0.5; 5499 transform: translateX(-50%) translateY(-20px); 5500 } 5501 100% { 5502 opacity: 0.6; 5503 transform: translateX(-50%) translateY(0px); 5504 } 5505} 5506 5507@keyframes subtleShift3 { 5508 0% { 5509 opacity: 0; 5510 transform: translateX(-50%) translateY(0px); 5511 } 5512 50% { 5513 opacity: 0.4; 5514 transform: translateX(-50%) translateY(-30px); 5515 } 5516 100% { 5517 opacity: 0; 5518 transform: translateX(-50%) translateY(0px); 5519 } 5520} 5521 5522/* Responsive adjustments */ 5523@media (max-width: 1440px) { 5524 #Dubbing::before, 5525 #Dubbing::after { 5526 width: 100vw; 5527 } 5528} 5529 5530@media (max-width: 768px) { 5531 #Dubbing::before, 5532 #Dubbing::after { 5533 height: 320px; 5534 filter: blur(150px); 5535 border-radius: 768px; 5536 } 5537} 5538 5539@media (max-width: 480px) { 5540 #Dubbing::before, 5541 #Dubbing::after { 5542 height: 270px; 5543 filter: blur(120px); 5544 border-radius: 480px; 5545 } 5546} 5547</style> 5548 5549 5550 5551 5552<style> 5553/* CARD BORDER RADIUS >1440px screens */ 5554 5555 @media (min-width: 1441px) { 5556 #card11, 5557 #card21, 5558 #card31 { 5559 border-top-left-radius: 24px !important; 5560 } 5561 5562 #card14, 5563 #card24, 5564 #card34 { 5565 border-top-right-radius: 24px !important; 5566 } 5567 } 5568</style> 5569 5570<style> 5571.tab-content_home { 5572 background: linear-gradient(193deg, #0F081C 25.45%, #462582 322.63%); 5573} 5574</style> 5575 5576 5577 5578<style> 5579#Dubbing { 5580 background: linear-gradient(180deg, #0F081C 19.01%, #42208A 70.99%) !important; 5581} 5582 5583#apibg{ 5584 background: linear-gradient(192deg, #0F081C 9.01%, #42208A 40.99%) !important; 5585 5586} 5587#gradient1 { 5588 background: linear-gradient(192deg, #0F081C 1.01%, #42208A 80.99%) !important; 5589 5590} 5591</style></div></section><div id="s-active" class="section_template bg-gradient new-gradient"><div class="padding-global for-home"><div id="container-lg" class="container-large"><div class="padding-section-medium for-home bottom"><h2 class="heading-style-h2 text-align-center">Why Businesses <br/>Choose Murf AI </h2><div class="margin-top margin-xsmall tab"><p class="subheading text-mid-contrast text-align-center">Our tech stack is uniquely engineered for the scalability, performance, and security professionals demand.</p></div></div><div class="padding-bottom"><div class="margin-top margin-large"><div class="flex-container gap-5rem wrap-down"><div class="margin-top"><div id="block" class="timer_tabs"><div id="tog1" class="ent-slider-v2 new"><div class="margin-top"><div class="margin-top"><h3 class="heading-style-h5">200+ Voices across 35+ Languages</h3></div><div id="p1" class="margin-top margin-xsmall"><div><p class="body text-mid-contrast">Industry-specific voices across multiple languages and accents to help you reach global audiences.</p></div></div></div></div><div id="cc1" class="hide-desktop"><div class="margin-top margin-smaller"><div id="cc" class="carousel-card"></div></div></div><div id="tog2" class="ent-slider-v2 new"><div class="margin-top margin-medium"><div class="margin-top margin-custom1"><h3 class="heading-style-h5">Expressive and Accurate Voices</h3></div><div id="p2" class="margin-top margin-xsmall"><p class="body text-mid-contrast">99.38% pronunciation accuracy with humanlike delivery for natural and precise speech.</p></div></div></div><div id="hc2" class="hide"><div id="cc2" class="hide-desktop"><div class="margin-top margin-smaller"><div id="cc" class="carousel-card"></div></div></div></div><div id="tog3" class="ent-slider-v2 new"><div class="margin-top margin-medium custom"><div class="margin-top margin-custom1"><h3 class="heading-style-h5">Enterprise-Grade Security</h3></div><div id="p3" class="margin-top margin-xsmall"><p class="body text-mid-contrast">Built to the highest security standards: SOC 2, ISO 27001, GDPR, and HIPAA compliance, to keep your data safe.</p></div></div></div><div id="hc3" class="hide"><div id="cc3" class="hide-desktop"><div class="margin-top margin-smaller"><div id="cc" class="carousel-card"></div></div></div></div><div id="tog4" class="ent-slider-v2 new"><div class="margin-top margin-medium"><div class="margin-top margin-custom1"><h3 class="heading-style-h5">Industry-Leading Customer Support</h3></div><div id="p4" class="margin-top margin-xsmall"><p class="body text-mid-contrast">Average chat response time < 3 minutes, ensuring you face minimal downtime.</p></div></div></div><div id="hc4" class="hide"><div id="cc4" class="hide-desktop"><div class="margin-top margin-smaller"><div id="cc" class="carousel-card"></div></div></div></div><div id="tog5" class="ent-slider-v2 new"><div class="margin-top margin-medium"><div class="margin-top margin-custom1"><h3 class="heading-style-h5">Best-in-class Multilingual Technology</h3></div><div id="p5" class="margin-top margin-xsmall"><p class="body text-mid-contrast">Delivers seamless language switching that mirrors real-world conversations.
5591</p></div></div></div><div id="hc5" class="hide"><div id="cc5" class="hide-desktop"><div class="margin-top margin-smaller"><div id="cc" class="carousel-card"></div></div></div></div><div id="tog6" class="ent-slider-v2 new"><div class="margin-top margin-medium"><div class="margin-top margin-custom1"><h3 class="heading-style-h5">Ethically Developed Voices</h3></div><div id="p6" class="margin-top margin-xsmall"><p class="body text-mid-contrast">Created with permission and partnership from professional voice actors who earn royalties every time their voices are used.</p></div></div></div><div id="hc6" class="hide"><div id="cc6" class="hide-desktop"><div class="margin-top margin-smaller"><div id="cc" class="carousel-card"></div></div></div></div></div></div><div id="cc" class="carousel-card hide-tablet hide-mobile-landscape hide-mobile-portrait"></div></div><div class="hide w-embed w-script"><style> 5592/* ============ CSS Variables ============ */ 5593:root { 5594 --transition-ease: cubic-bezier(0.4, 0, 0.2, 1); 5595 --progress-duration: 11s; 5596} 5597 5598/* ============ Toggle Buttons ============ */ 5599#tog1, #tog2, #tog3, #tog4, #tog5, #tog6 { 5600 cursor: pointer; 5601 position: relative; 5602 transition: color 0.3s var(--transition-ease); 5603 color: rgba(29, 17, 54, 0.50) !important; 5604} 5605 5606/* Force all child elements to inherit the color */ 5607#tog1 *, #tog2 *, #tog3 *, #tog4 *, #tog5 *, #tog6 * { 5608 color: inherit !important; 5609} 5610 5611#tog1.active, #tog2.active, #tog3.active, #tog4.active, #tog5.active, #tog6.active { 5612 color: rgba(29, 17, 54, 1) !important; 5613} 5614 5615/* ============ Progress Bar - CSS Animation ============ */ 5616.progress-bar { 5617 position: absolute; 5618 bottom: -1px; 5619 left: 0; 5620 width: 0%; 5621 height: 3px; 5622 background-color: #A089FF; 5623 z-index: 10; 5624 pointer-events: none; 5625} 5626 5627/* Progress animates only on active toggle */ 5628#tog1.active .progress-bar, 5629#tog2.active .progress-bar, 5630#tog3.active .progress-bar, 5631#tog4.active .progress-bar, 5632#tog5.active .progress-bar, 5633#tog6.active .progress-bar { 5634 animation: progress var(--progress-duration) linear forwards; 5635} 5636 5637/* Pause when not in view */ 5638.section-tabs:not(.in-view) .progress-bar { 5639 animation-play-state: paused; 5640} 5641 5642@keyframes progress { 5643 from { width: 0%; } 5644 to { width: 100%; } 5645} 5646 5647/* ============ Paragraph Content - Grid Animation ============ */ 5648.para-wrapper { 5649 display: grid; 5650 grid-template-rows: 0fr; 5651 transition: grid-template-rows 0.35s var(--transition-ease); 5652} 5653 5654.para-wrapper-inner { 5655 overflow: hidden; 5656} 5657 5658.para-wrapper.active { 5659 grid-template-rows: 1fr; 5660} 5661 5662/* Keep paragraphs gray all the time */ 5663#p1, #p2, #p3, #p4, #p5, #p6 { 5664 margin: 8px 0 0 0; 5665 min-height: 48px; 5666 color: rgba(29, 17, 54, 0.70) !important; 5667} 5668 5669/* ============ Pills ============ */ 5670.pill-container { 5671 display: flex; 5672 flex-direction: column; 5673 gap: 8px; 5674 position: absolute; 5675 left: 0; 5676 top: 16px; 5677} 5678 5679.pill { 5680 width: 8.842px; 5681 height: 8.842px; 5682 border-radius: 7.184px; 5683 background: rgba(66, 32, 138, 0.20); 5684 opacity: 0.5; 5685 transition: all 0.3s var(--transition-ease); 5686 cursor: pointer; 5687} 5688 5689.pill.active { 5690 height: 19.895px; 5691 background: rgba(66, 32, 138, 0.49); 5692 opacity: 1; 5693} 5694 5695.pill-container-parent { 5696 position: relative; 5697 padding-left: 48px; 5698} 5699 5700/* ============ Mobile Cards - Grid Animation ============ */ 5701.card-wrapper { 5702 display: grid; 5703 grid-template-rows: 0fr; 5704 transition: grid-template-rows 0.35s var(--transition-ease); 5705 margin-top: 0; 5706} 5707 5708.card-wrapper-inner { 5709 overflow: hidden; 5710} 5711 5712.card-wrapper.active { 5713 grid-template-rows: 1fr; 5714 margin-top: 16px; 5715} 5716 5717/* ============ Video/Image Styling ============ */ 5718/* Mobile/Tablet - absolute positioning to cover card */ 5719.video-container { 5720 position: absolute; 5721 top: 0; 5722 left: 0; 5723 width: 100%; 5724 height: 100%; 5725 border-radius: inherit; 5726 overflow: hidden; 5727 z-index: 10; 5728} 5729 5730.video-container video { 5731 width: 100%; 5732 height: 100%; 5733 display: block; 5734} 5735 5736.video-container img { 5737 height: 100%; 5738 display: block; 5739} 5740 5741/* Desktop - remove width 100% and add smooth fade-in */ 5742@media (min-width: 992px) { 5743 .video-container { 5744 opacity: 0; 5745 animation: fadeInVideo 0.5s ease-in-out forwards; 5746 } 5747 5748 .video-container video, 5749 .video-container img { 5750 width: auto; 5751 } 5752} 5753 5754@keyframes fadeInVideo { 5755 from { opacity: 0; } 5756 to { opacity: 1; } 5757} 5758 5759/* ============ 6th Tab Image Padding ============ */ 5760#cc6 .video-container img { 5761 padding-left: 40px; 5762} 5763 5764@media (min-width: 992px) { 5765 .carousel-card .video-container img[src*="698ade458d393fdeca28c6ed_5.webp"], 5766 .carousel-card.hide-tablet .video-container img[src*="698ade458d393fdeca28c6ed_5.webp"], 5767 .carousel-card.hide-mobile-landscape .video-container img[src*="698ade458d393fdeca28c6ed_5.webp"], 5768 .carousel-card.hide-mobile-portrait .video-container img[src*="698ade458d393fdeca28c6ed_5.webp"] { 5769 padding-left: 40px; 5770 } 5771} 5772 5773/* Make mobile cc cards position relative */ 5774#cc1, #cc2, #cc3, #cc4, #cc5, #cc6 { 5775 position: relative; 5776 overflow: hidden; 5777} 5778 5779/* Desktop - make carousel-card combo classes position relative for video */ 5780@media (min-width: 992px) { 5781 .carousel-card, 5782 .carousel-card.hide-tablet, 5783 .carousel-card.hide-mobile-landscape, 5784 .carousel-card.hide-mobile-portrait { 5785 position: relative; 5786 overflow: hidden; 5787 } 5788} 5789 5790/* ============ Mobile/Tablet ============ */ 5791@media (max-width: 991px) { 5792 .pill-container { display: none !important; } 5793 .pill-container-parent { padding-left: 0 !important; } 5794 5795 #p1, #p2, #p3, #p4, #p5, #p6 { 5796 min-height: 40px; 5797 } 5798} 5799 5800/* ============ Desktop ============ */ 5801@media (min-width: 992px) { 5802 #cc1, #cc2, #cc3, #cc4, #cc5, #cc6, 5803 .card-wrapper { display: none !important; } 5804} 5805 5806/* Disable Webflow native transitions */ 5807.w-tab-content, .w-tab-link, .w-tab-pane { transition: none !important; } 5808</style> 5809
5810<script> 5811document.addEventListener('DOMContentLoaded', function() { 5812 const TOGGLES = ['tog1', 'tog2', 'tog3', 'tog4', 'tog5', 'tog6']; 5813 const TAB_COUNT = 6; 5814 5815 // Media URLs for each toggle 5816 // Videos have both webm (Chrome/Firefox/Edge) and mov (Safari/iOS) sources. 5817 // The browser picks the first <source> it can play â webm wins on modern 5818 // non-Safari browsers; Safari falls back to the .mov source automatically. 5819 const MEDIA_URLS = { 5820 1: { 5821 type: 'video', 5822 webm: 'https://murf.ai/public-assets/Video/vid-1-all-browser.webm', 5823 mov: 'https://murf.ai/public-assets/Video/vid-1-safari.mov' 5824 }, 5825 2: { 5826 type: 'video', 5827 webm: 'https://murf.ai/public-assets/Video/vid-2-all-browser.webm', 5828 mov: 'https://murf.ai/public-assets/Video/vid-2-safari.mov' 5829 }, 5830 3: { 5831 type: 'image', 5832 url: 'https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b4f4572684296d04aaa59_Test.png' 5833 }, 5834 4: { 5835 type: 'video', 5836 webm: 'https://murf.ai/public-assets/Video/vid-3-all-browser.webm', 5837 mov: 'https://murf.ai/public-assets/Video/vid-3-safari.mov' 5838 }, 5839 5: { 5840 type: 'video', 5841 webm: 'https://murf.ai/public-assets/Video/vid-4-all-browser.webm', 5842 mov: 'https://murf.ai/public-assets/Video/vid-4-safari.mov' 5843 }, 5844 6: { 5845 type: 'image', 5846 url: 'https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698ade458d393fdeca28c6ed_5.webp' 5847 } 5848 }; 5849 5850 // All 4 carousel-card combo class selectors 5851 const DESKTOP_CARD_SELECTORS = [ 5852 '.carousel-card:not(.hide-tablet):not(.hide-mobile-landscape):not(.hide-mobile-portrait)', 5853 '.carousel-card.hide-tablet', 5854 '.carousel-card.hide-mobile-landscape', 5855 '.carousel-card.hide-mobile-portrait' 5856 ]; 5857 5858 // ============ SAFARI DETECTION ============ 5859 // Catches Safari desktop + iOS Safari + Chrome on iOS (also WebKit, can't play WebM) 5860 const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent) 5861 || (/AppleWebKit/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)); 5862 5863 // ============ BUILD VIDEO HTML ============ 5864 // Safari/iOS â .mov only (HEVC + alpha, hvc1 codec) 5865 // Chrome / Firefox / Edge â .webm only (VP9 + alpha) 5866 // Single source per browser = no silent fallback failures 5867 function buildVideoHTML(media) { 5868 if (isSafari) { 5869 return ` 5870 <video autoplay loop muted playsinline> 5871 <source src="${media.mov}" type='video/mp4; codecs="hvc1"'> 5872 </video> 5873 `; 5874 } 5875 return ` 5876 <video autoplay loop muted playsinline> 5877 <source src="${media.webm}" type="video/webm"> 5878 </video> 5879 `; 5880 } 5881 5882 let currentIndex = 0; 5883 let isMobile = window.innerWidth <= 991; 5884 let isInView = false; 5885 let hasInit = false; 5886 5887 const section = document.getElementById('s-active'); 5888 5889 // ============ CREATE PILLS ============ 5890 const pillContainer = document.createElement('div'); 5891 pillContainer.className = 'pill-container'; 5892 5893 const pills = TOGGLES.map((_, i) => { 5894 const pill = document.createElement('div'); 5895 pill.className = 'pill' + (i === 0 ? ' active' : ''); 5896 pill.onclick = () => switchTab(i); 5897 pillContainer.appendChild(pill); 5898 return pill; 5899 }); 5900 5901 const firstToggle = document.getElementById('tog1'); 5902 if (firstToggle?.parentElement) { 5903 firstToggle.parentElement.classList.add('pill-container-parent'); 5904 firstToggle.parentElement.appendChild(pillContainer); 5905 } 5906 5907 // ============ CREATE PROGRESS BARS ============ 5908 TOGGLES.forEach(id => { 5909 const el = document.getElementById(id); 5910 if (el) { 5911 const bar = document.createElement('div'); 5912 bar.className = 'progress-bar'; 5913 el.appendChild(bar); 5914 5915 bar.addEventListener('animationend', () => { 5916 if (isInView) { 5917 const nextIndex = (currentIndex + 1) % TAB_COUNT; 5918 switchTab(nextIndex); 5919 } 5920 }); 5921 } 5922 }); 5923 5924 // ============ WRAP PARAGRAPHS FOR GRID ANIMATION ============ 5925 for (let i = 1; i <= TAB_COUNT; i++) { 5926 const para = document.getElementById('p' + i); 5927 if (para && !para.parentElement.classList.contains('para-wrapper-inner')) { 5928 const wrapper = document.createElement('div'); 5929 wrapper.className = 'para-wrapper' + (i === 1 ? ' active' : ''); 5930 wrapper.id = 'pw' + i; 5931 5932 const inner = document.createElement('div'); 5933 inner.className = 'para-wrapper-inner'; 5934 5935 para.parentNode.insertBefore(wrapper, para); 5936 inner.appendChild(para); 5937 wrapper.appendChild(inner); 5938 } 5939 } 5940 5941 // ============ WRAP CARDS FOR GRID ANIMATION (Mobile) ============ 5942 for (let i = 1; i <= TAB_COUNT; i++) { 5943 const card = document.getElementById('cc' + i); 5944 if (card && !card.parentElement.classList.contains('card-wrapper-inner')) { 5945 const wrapper = document.createElement('div'); 5946 wrapper.className = 'card-wrapper' + (i === 1 ? ' active' : ''); 5947 wrapper.id = 'cw' + i; 5948 5949 const inner = document.createElement('div'); 5950 inner.className = 'card-wrapper-inner'; 5951 5952 card.parentNode.insertBefore(wrapper, card); 5953 inner.appendChild(card); 5954 wrapper.appendChild(inner); 5955 } 5956 } 5957 5958 // ============ LOAD MEDIA FUNCTION ============ 5959 function loadMedia(index) { 5960 const media = MEDIA_URLS[index + 1]; 5961 5962 if (isMobile) { 5963 const card = document.getElementById('cc' + (index + 1)); 5964 if (card && media) { 5965 const existingMedia = card.querySelector('.video-container'); 5966 if (existingMedia) existingMedia.remove(); 5967 5968 const mediaDiv = document.createElement('div'); 5969 mediaDiv.className = 'video-container'; 5970 5971 mediaDiv.innerHTML = media.type === 'video' 5972 ? buildVideoHTML(media) 5973 : `<img src="${media.url}" alt="Content image">`; 5974 5975 card.appendChild(mediaDiv); 5976 } 5977 } else { 5978 DESKTOP_CARD_SELECTORS.forEach(selector => { 5979 const card = document.querySelector(selector); 5980 5981 if (card && media) { 5982 const existingMedia = card.querySelector('.video-container'); 5983 if (existingMedia) existingMedia.remove(); 5984 5985 const mediaDiv = document.createElement('div'); 5986 mediaDiv.className = 'video-container'; 5987 5988 mediaDiv.innerHTML = media.type === 'video' 5989 ? buildVideoHTML(media) 5990 : `<img src="${media.url}" alt="Content image">`; 5991 5992 card.appendChild(mediaDiv); 5993 } 5994 }); 5995 } 5996 } 5997 5998 // ============ SWITCH TAB ============ 5999 function switchTab(index) { 6000 if (index === currentIndex) return; 6001 6002 currentIndex = index; 6003 6004 loadMedia(index); 6005 6006 TOGGLES.forEach((id, i) => { 6007 const el = document.getElementById(id); 6008 if (el) { 6009 if (i === index) { 6010 el.classList.add('active'); 6011 6012 const bar = el.querySelector('.progress-bar'); 6013 if (bar) {
6014 bar.style.animation = 'none'; 6015 void bar.offsetWidth; 6016 bar.style.animation = ''; 6017 } 6018 } else { 6019 el.classList.remove('active'); 6020 6021 const bar = el.querySelector('.progress-bar'); 6022 if (bar) bar.style.animation = 'none'; 6023 } 6024 } 6025 }); 6026 6027 pills.forEach((pill, i) => pill.classList.toggle('active', i === index)); 6028 6029 for (let i = 1; i <= TAB_COUNT; i++) { 6030 const wrapper = document.getElementById('pw' + i); 6031 if (wrapper) { 6032 wrapper.classList.toggle('active', i - 1 === index); 6033 } 6034 } 6035 6036 if (isMobile) { 6037 for (let i = 1; i <= TAB_COUNT; i++) { 6038 const wrapper = document.getElementById('cw' + i); 6039 if (wrapper) { 6040 wrapper.classList.toggle('active', i - 1 === index); 6041 } 6042 } 6043 } 6044 6045 TOGGLES.forEach((id, i) => { 6046 const el = document.getElementById(id); 6047 if (i !== index && el?.classList.contains('w--open')) el.click(); 6048 }); 6049 6050 const newEl = document.getElementById(TOGGLES[index]); 6051 if (newEl && !newEl.classList.contains('w--open')) newEl.click(); 6052 } 6053 6054 // ============ CLICK HANDLERS ============ 6055 TOGGLES.forEach((id, i) => { 6056 const toggle = document.getElementById(id); 6057 if (toggle) { 6058 toggle.addEventListener('click', () => switchTab(i)); 6059 } 6060 }); 6061 6062 // ============ RESIZE HANDLER ============ 6063 window.addEventListener('resize', () => { 6064 const wasMobile = isMobile; 6065 isMobile = window.innerWidth <= 991; 6066 6067 if (wasMobile !== isMobile) { 6068 hasInit = false; 6069 if (isInView) { 6070 initialize(); 6071 6072 setTimeout(() => { 6073 const activeToggle = document.getElementById(TOGGLES[currentIndex]); 6074 const bar = activeToggle?.querySelector('.progress-bar'); 6075 if (bar) {
6076 bar.style.animation = 'none'; 6077 void bar.offsetWidth; 6078 bar.style.animation = ''; 6079 } 6080 }, 100); 6081 } 6082 } 6083 }); 6084 6085 // ============ INTERSECTION OBSERVER ============ 6086 if (section) { 6087 section.classList.add('section-tabs'); 6088 6089 new IntersectionObserver((entries) => { 6090 entries.forEach(entry => { 6091 isInView = entry.isIntersecting; 6092 6093 if (isInView) { 6094 section.classList.add('in-view'); 6095 if (!hasInit) { 6096 initialize(); 6097 } else { 6098 const el = document.getElementById(TOGGLES[currentIndex]); 6099 const bar = el?.querySelector('.progress-bar'); 6100 if (bar) { 6101 bar.style.animation = 'none'; 6102 void bar.offsetWidth; 6103 bar.style.animation = ''; 6104 } 6105 } 6106 } else { 6107 section.classList.remove('in-view'); 6108 } 6109 }); 6110 }, { threshold: 0.3 }).observe(section); 6111 } else { 6112 isInView = true; 6113 initialize(); 6114 } 6115 6116 // ============ INITIALIZE ============ 6117 function initialize() { 6118 hasInit = true; 6119 currentIndex = 0; 6120 6121 loadMedia(0); 6122 6123 TOGGLES.forEach((id, i) => { 6124 const el = document.getElementById(id); 6125 if (el) { 6126 if (i === 0) { 6127 el.classList.add('active'); 6128 } else { 6129 el.classList.remove('active'); 6130 const bar = el.querySelector('.progress-bar');
6131 if (bar) bar.style.animation = 'none'; 6132 } 6133 } 6134 }); 6135 6136 pills.forEach((pill, i) => pill.classList.toggle('active', i === 0)); 6137 6138 for (let i = 1; i <= TAB_COUNT; i++) { 6139 const pw = document.getElementById('pw' + i); 6140 const cw = document.getElementById('cw' + i); 6141 if (pw) pw.classList.toggle('active', i === 1); 6142 if (cw) cw.classList.toggle('active', i === 1); 6143 } 6144 6145 setTimeout(() => { 6146 const tog1 = document.getElementById('tog1'); 6147 if (tog1 && !tog1.classList.contains('w--open')) tog1.click(); 6148 }, 100); 6149 } 6150}); 6151</script>
6151</div><div class="hide w-embed"><style> 6152#cc { 6153 background: linear-gradient( 6154 52deg, 6155 var(--Blue-400, #A089FF) -12.78%, 6156 var(--Voilet-300, #DAABFF) 12.53%, 6157 var(--Components-Input-Default-Fill, #FFFFFF) 76.61% 6158 ); 6159 position: relative; 6160 margin-right: calc(-48.58vw + 50%); 6161 6162 display: grid; 6163 grid-template-columns: 1fr 1fr; 6164 gap: 2rem; 6165 align-items: center; 6166 padding: 3rem 2rem; 6167} 6168 6169#container-lg { 6170 max-width: 76.5rem; 6171 margin: 0 auto; 6172} 6173 6174/* Ultra-wide screens (2K / 4K) fix */ 6175@media (min-width: 1921px) { 6176 #cc { 6177 margin-right: calc(-49.5vw + 50%); 6178 width: 100vw; 6179 max-width: 100vw; 6180 } 6181} 6182 6183@media (max-width: 991px) { 6184 #cc { 6185 margin-right: -1.5rem; 6186 grid-template-columns: 1fr; 6187 width: calc(100% + 1.5rem); 6188 } 6189 6190 #container-lg { 6191 padding-left: 1rem; 6192 } 6193} 6194</style></div><div class="margin-top margin-xxlarge for-home"><div id="logos" class="flex-container align-middle center bottom"><div class="body-medium text-align-center">Enterprise-Grade Security and Data Protection</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6941d0abbf6296d754042b7b_Frame%201171284717.webp" loading="lazy" width="524" height="Auto" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6941d0abbf6296d754042b7b_Frame%201171284717-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6941d0abbf6296d754042b7b_Frame%201171284717-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6941d0abbf6296d754042b7b_Frame%201171284717.webp 952w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 97vw, 524px"/></div></div></div></div></div></div></div><div class="section_content"><div class="padding-global"><div class="container-xlarge"><div class="padding-section-medium"><div class="container-small"><h2 class="heading-style-h2 text-align-center">How Global Teams <br/>Win with Murf AI</h2><div class="margin-top margin-xsmall custom"><p class="subheading text-mid-contrast text-align-center">Builders and creators across businesses of all sizes use our suite of AI voice solutions, including our <a href="https://murf.ai/ai-voice-generator">AI voice generator</a> platform and text to speech models to automate support & sales workflows and scale content production.</p></div></div><div id="carousel-cnt" class="margin-top margin-xlarge _4rem"><div id="1" class="_2-col-layout gap-48px tablet"><div class="margin-top"><div class="tst-block"><div class="margin-top"><div class="icon-1x1-medium w-embed"><svg width="115" height="32" viewBox="0 0 115 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 6195<path d="M60.8058 8.34855C60.6463 8.54027 60.5561 8.75435 60.5561 9.12661V19.3619H60.4989C60.4989 19.3619 54.8493 9.37424 54.5762 8.91252C54.3828 8.585 54.1669 8.35974 53.8826 8.19039C53.5982 8.03302 53.3025 7.93157 52.7346 7.93157H50.8705C50.4378 7.93157 50.1656 8.07775 49.9722 8.30382C49.8127 8.49474 49.7217 8.70962 49.7217 9.08107V23.5893C49.7217 23.9615 49.8127 24.1756 49.9722 24.3673C50.1656 24.5926 50.4378 24.7388 50.8705 24.7388H51.9274C52.3592 24.7388 52.6323 24.5926 52.8256 24.3673C52.9843 24.1756 53.0754 23.9615 53.0754 23.5893V13.1055H53.1325C53.1325 13.1055 58.998 23.4087 59.2373 23.7922C59.5668 24.333 60.1235 24.7388 60.9194 24.7388H62.7271C63.1589 24.7388 63.432 24.5926 63.6254 24.3673C63.7841 24.1756 63.8751 23.9615 63.8751 23.5893V10.5014H87.6231C87.8623 10.5014 88.0436 10.4343 88.1805 10.3216C88.328 10.1858 88.3965 10.0053 88.3965 9.73531V8.74317C88.3965 8.47237 88.328 8.29184 88.1805 8.15684C88.0436 8.0442 87.8623 7.9763 87.6231 7.9763H61.704C61.2722 7.9763 60.9991 8.12329 60.8058 8.34855ZM71.1737 12.226C67.2288 12.226 65.0118 15.2815 65.0118 18.5056C65.0118 21.9437 67.3883 24.9648 71.1963 24.9648C73.0951 24.9648 74.9592 24.2547 76.0274 23.0029C76.4939 22.4621 76.8693 21.7064 76.8693 21.2447C76.8693 21.0866 76.8346 20.9516 76.7444 20.8501C76.6534 20.7375 76.5164 20.6696 76.278 20.6696H74.4477C74.0835 20.6696 73.8338 20.8046 73.6517 21.0754C73.1176 21.8534 72.3443 22.2592 71.2076 22.2592C69.5021 22.2592 68.4001 20.9739 68.3203 19.5648H76.2328C76.5849 19.5648 76.8346 19.4857 77.0054 19.3172C77.1987 19.1366 77.2898 18.877 77.2898 18.3921C77.2898 16.9159 76.8233 15.383 75.8462 14.2103C74.8456 13.0265 73.3222 12.226 71.1737 12.226ZM83.3712 12.226C80.2568 12.226 78.2106 13.6919 78.2106 16.0364C78.2106 16.8704 78.5175 17.547 79.0178 18.0766C79.5978 18.6973 80.4276 19.1255 81.6327 19.4298L84.2356 20.0832C84.9517 20.2638 85.5882 20.4779 85.5882 21.0977C85.5882 22.0563 84.5651 22.3831 83.4743 22.3831C82.9394 22.3831 82.3827 22.2816 81.9276 22.0563C81.6094 21.8982 81.3371 21.6729 81.1437 21.3685C80.9729 21.1089 80.9165 20.9172 80.6547 20.771C80.4952 20.6808 80.3019 20.6696 80.0409 20.6696H78.6311C78.3242 20.6696 78.1767 20.7598 78.0744 20.8837C77.9721 21.0075 77.9375 21.188 77.9375 21.3685C77.9375 21.8191 78.097 22.3831 78.4724 22.8903C79.336 24.0398 81.1437 24.9648 83.4509 24.9648C85.7251 24.9648 88.8742 24.0286 88.8742 21.0075C88.8742 20.2302 88.6462 19.5648 88.2257 19.024C87.6916 18.3362 86.9303 17.8625 85.6341 17.5358L83.0538 16.8816C81.9848 16.6116 81.4845 16.4198 81.4845 15.76
619556C81.4845 15.1345 82.0532 14.6273 83.3712 14.6273C84.1445 14.6273 84.8494 14.7966 85.3046 15.2703C85.6792 15.665 85.6115 15.8679 85.9072 16.0252C86.0884 16.1155 86.2931 16.1155 86.6121 16.1155H87.8962C88.1008 16.1155 88.249 16.0819 88.3618 15.9573C88.4536 15.8559 88.51 15.6985 88.51 15.4389C88.51 14.8526 88.1234 14.0977 87.4418 13.5225C86.5323 12.7445 85.1 12.226 83.3712 12.226ZM90.4539 12.655H89.8175C89.5791 12.655 89.397 12.7221 89.2608 12.8347C89.1126 12.9705 89.0441 13.1511 89.0441 13.4211V14.1991C89.0441 14.4699 89.1126 14.6497 89.2608 14.7855C89.397 14.8981 89.5791 14.966 89.8175 14.966H90.4539V20.5905C90.4539 22.0332 90.8519 22.935 91.5906 23.6572C92.2729 24.3218 93.1599 24.7388 94.7058 24.7388H95.6717C95.911 24.7388 96.0923 24.6717 96.2292 24.559C96.3766 24.4232 96.4677 24.2427 96.4677 23.9727V22.9918C96.4677 22.721 96.3766 22.5412 96.2292 22.4054C96.0923 22.2928 95.911 22.2249 95.6717 22.2249H95.5356C94.9217 22.2249 94.5012 22.0675 94.2168 21.7967C93.8761 21.4812 93.7053 20.9963 93.7053 20.3652V14.966H95.7748C96.0133 14.966 96.1954 14.8981 96.3315 14.7855C96.4789 14.6497 96.5474 14.4699 96.5474 14.1991V13.4211C96.5474 13.1511 96.4789 12.9705 96.3315 12.8347C96.1954 12.7221 96.0133 12.655 95.7748 12.655H93.7166V8.97962C93.7166 8.68645 93.6255 8.47237 93.4894 8.30382C93.3186 8.10092 93.0801 7.9763 92.7281 7.9763H91.4432C91.0903 7.9763 90.8519 8.10092 90.6811 8.30382C90.545 8.47237 90.4539 8.68645 90.4539 8.97962V12.655ZM97.4118 23.7355C97.4118 24.0286 97.502 24.2427 97.639 24.4121C97.809 24.615 98.0482 24.7388 98.4003 24.7388H99.7529C100.106 24.7388 100.344 24.615 100.515 24.4121C100.651 24.2427 100.742 24.0286 100.742 23.7355V8.98042C100.742 8.68725 100.651 8.47317 100.515 8.30382C100.344 8.10092 100.106 7.9763 99.7529 7.9763H98.4003C98.0482 7.9763 97.809 8.10092 97.639 8.30382C97.502 8.47317 97.4118 8.68725 97.4118 8.98042V23.7355ZM68.3429 17.1635C68.4903 15.7768 69.5593 14.7399 71.185 14.7399C72.7769 14.7399 73.8789 15.7768 74.0271 17.1635H68.3429ZM113.054 10.5014C113.292 10.5014 113.474 10.4343 113.611 10.3216C113.759 10.1858 113.827 10.0053 113.827 9.73531V8.68645C113.827 8.28065 113.748 8.07775 113.611 7.93157C113.486 7.79577 113.281 7.71748 113.054 7.71748C112.872 7.71748 112.691 7.73985 112.384 7.7734L103.311 8.66409C103.05 8.68645 102.925 8.76554 102.834 8.86699C102.732 8.97962 102.686 9.12661 102.686 9.32951V9.91504C102.686 10.1411 102.732 10.2426 102.812 10.3328C102.913 10.4455 103.061 10.5014 103.266 10.5014H113.054ZM108.041 12.226C104.096 12.226 101.879 15.2815 101.879 18.5056C101.879 21.9437 104.255 24.9648 108.063 24.9648C109.962 24.9648 111.826 24.2547 112.894 23.0029C113.361 22.4621 113.736 21.7064 113.736 21.2447C113.736 21.0866 113.702 20.9516 113.611 20.8501C113.52 20.7375 113.383 20.6696 113.145 20.6696H111.315C110.951 20.6696 110.701 20.8046 110.519 21.0754C109.985 21.8534 109.211 22.2592 108.075 22.2592C106.369 22.2592 105.266 20.9739 105.187 19.5648H113.122C113.474 19.5648 113.725 19.4857 113.895 19.3172C114.088 19.1366 114.179 18.877 114.179 18.3921C114.179 16.9159 113.713 15.383 112.736 14.2103C111.735 13.0265 110.189 12.226 108.041 12.226ZM105.21 17.1635C105.358 15.7768 106.426 14.7399 108.052 14.7399C109.644 14.7399 110.746 15.7768 110.894 17.1635H105.21Z" fill="#1D1136"/> 6196<path d="M36.9012 10.6355C33.9584 6.28273 31.3725 4.8161 30.645 4.12592C29.8459 3.36464 29.2369 2.50191 28.8494 2.08652C27.9874 1.1527 26.8716 0 25.0365 0C23.265 0 22.0945 1.14471 21.7143 2.13365C21.6039 2.41564 21.5169 2.76073 21.4379 2.88614C21.2639 3.16893 20.4809 4.49417 20.1562 5.0198H21.62L20.9079 6.35303C21.7384 6.17249 22.3313 6.03909 23.1224 6.03909C23.8265 6.03909 24.3324 6.20445 24.554 6.643C24.9656 7.4594 24.9656 9.92936 25.6617 11.789
6196C26.3102 13.5368 27.8923 15.2471 29.6719 16.5572C29.6952 16.5724 29.7194 16.5803 29.7508 16.5803C29.8378 16.5803 29.8934 16.518 29.8934 16.4549C29.8934 16.4078 29.8773 16.3766 29.8378 16.3375C28.3507 14.8629 27.1407 13.2317 26.4922 11.4439C25.851 9.70249 25.9541 7.2549 25.3926 6.16451C25.0204 5.44317 24.2301 5.25545 23.5019 5.25545C22.917 5.25545 22.3708 5.37288 22.1179 5.4272L22.7583 4.35278H21.6748C21.9044 3.95337 22.1412 3.58431 22.2605 3.36464C22.3628 3.17612 22.403 2.94126 22.5295 2.62014C22.9404 1.59205 23.8499 0.941013 25.0365 0.941013C26.5236 0.941013 27.3937 1.89001 28.2557 2.83901C28.6512 3.27837 29.2997 4.19621 30.0513 4.87841C30.5653 5.34891 31.5465 5.87454 33.057 7.42026C33.927 8.31414 34.9396 9.47482 36.007 11.0277C39.828 16.5724 42.335 21.4587 43.7351 25.2707L43.7117 25.2867C39.7015 22.5883 36.2286 20.0392 33.4292 16.8943C31.4434 14.6592 29.7194 12.071 28.2162 8.76867C28.1131 8.54899 28.0269 8.34529 27.9318 8.1336C27.8923 8.04733 27.8529 8.02337 27.7892 8.02337C27.7103 8.02337 27.6547 8.07849 27.6547 8.15677C27.6547 8.24304 27.6942 8.43156 27.7812 8.80781C28.5803 12.2276 30.7949 15.2942 33.1601 17.8433C35.5172 20.3771 38.1821 22.5571 40.3733 24.142L42.082 28.9884C42.1215 29.1067 42.169 29.2321 42.169 29.3495C42.169 29.4358 42.1448 29.5061 42.0901 29.5532C42.0425 29.6003 41.9797 29.6243 41.8371 29.6243H41.3231C41.1016 29.6243 41.0138 29.5924 40.9348 29.53C40.8559 29.4669 40.8011 29.3727 40.7608 29.2632C40.611 28.8079 39.7087 26.2589 39.5355 25.7412C39.5033 25.6478 39.4477 25.6158 39.3849 25.6158C39.3059 25.6158 39.2503 25.6789 39.2503 25.7492C39.2503 25.8123 39.2737 25.8826 39.314 26.1023C39.5428 27.263 39.8118 28.5651 39.9222 29.0595C39.9705 29.2864 40.0253 29.4989 40.0253 29.6555C40.0253 29.796 39.9939 29.8751 39.8755 29.9926L39.3454 30.5262C39.2189 30.6516 39.1472 30.6827 39.0449 30.6827C38.9184 30.6827 38.8153 30.5965 38.7678 30.3768C38.1668 27.5921 37.2573 24.142 37.0197 23.1842C36.9641 22.9733 36.9246 22.8551 36.7981 22.8551C36.6878 22.8551 36.6483 22.9334 36.6483 23.0276C36.6483 23.0979 36.6636 23.1842 36.6717 23.2473C36.8142 24.2355 37.3919 27.8357 38.0162 31.1221C38.1274 31.6869 38.3408 32 38.8314 32C39.053 32 39.2657 31.9137 39.4638 31.726C39.7885 31.4041 39.8827 31.3178 40.271 30.9416C40.5473 30.6748 40.7375 30.5653 41.212 30.5653H42.3825C42.6596 30.5653 42.8094 30.495 42.944 30.3688C43.0705 30.2514 43.1494 30.0868 43.1494 29.8512C43.1494 29.6083 43.0866 29.4126 42.9996 29.169C42.6991 28.3694 41.734 25.6629 41.4488 24.9025L41.473 24.8865C42.4614 25.6318 43.901 26.5808 44.5342 26.5808C44.7316 26.5808 44.8508 26.4945 44.8508 26.1886C44.8508 24.7459 42.43 18.8083 36.9012 10.6355Z" fill="#1D1136"/> 6197<path d="M9.74522 1.52261C9.91117 1.16154 10.2753 0.91071 10.7103 0.91071C11.3032 0.91071 11.7777 1.36604 11.7777 1.96995C11.7777 2.32223 11.6118 2.62898 11.3508 2.8167C11.4063 3.0212 11.4458 3.20093 11.4458 3.37348C11.4458 4.03251 11.0503 4.49502 10.3228 4.73866C10.2278 5.13807 10.0538 5.49914 9.76859 5.76595C9.29409 6.22048 8.81154 6.22048 8.81154 6.409C8.81154 6.51125 8.88324 6.57356 9.08061 6.57356C9.9587 6.57356 10.8207 6.08787 10.9238 5.27947C11.7624 4.99748 12.2683 4.15792 12.2683 3.4917C12.2683 3.31836 12.2522 3.16978 12.1813 3.02919C12.4109 2.80871 12.68 2.43247 12.68 1.87569C12.68 1.3892 12.4657 0.895532 12.0863 0.534465C11.7544 0.21254 11.2871 0.000852585 10.7417 0.000852585C9.95065 0.000852585 9.43668 0.425026 9.14425 0.840413C8.28147 0.840413 7.16653 1.78941 7.16653 3.14661H7.04811C6.96835 2.67611 6.47856 2.36137 6.0669 2.3382C5.735 1.35006 4.98338 0.503311 3.74922 0.503311C3.60743 0.503311 3.43342 0.511299 3.28278 0.534465C2.91946 0.204551 2.51586 0.000852585 1.95436 0.000852585C0.878094 0.000852585 0 0.85639 0 1.93799C0 2.613 0.308541 3.07552 0.894205 3.48372C0.894205 3.48372 0.886149 3.56999 0.886149 3.60913C0.886149 4.47186 1.83513 5.82107 3.24331 5.82107C3.24331 6.03994 3.52043 6.3387 3.82897 6.39302V6.50326H3.70974C1.7723 6.50326 0.949791 7.4291 0.949791 8.04818C0.372183 8.28383 0 8.9189 0 9.50683C0 10.6755 0.862787 11.5071 2.00189 11.5071C2.38132 11.5071 2.76881 11.3585 3.03788 11.154C3.23525 11.2243 3.4882 11.2634 3.74922 11.2634C4.29541 11.2634 4.90443 11.0757 5.33139 10.4558C5.39504 10.4638 5.44982 10.4638 5.51346 10.4638C6.20949 10.4638 6.81046 10.0085 7.12706 9.41257C7.206 9.26399 7.23742 9.14656 7.23742 9.05949C7.23742 8.97402 7.19795 8.90292 7.11094 8.90292C7.00058 8.90292 6.98447 9.00517 6.7871 9.1857C6.34402 9.58591 5.6633 9.73449 4.96727 9.73449C4.62731 10.229 4.2084 10.4878 3.72585 10.4878C3.36978 10.4878 3.09347 10.3935 2.80829 10.205C2.57869 10.4558 2.29432 10.5581 2.0172 10.5581C1.39286 10.5581 0.949791 10.1267 0.949791 9.49884C0.949791 9.05949 1.23416 8.66807 1.62971 8.51869C1.7006 7.74223 2.53922 7.21661 3.58326 7.21661C3.7178 7.21661 3.85233 7.2246 3.99492 7.24057C4.15282 6.98974 4.53225 6.72294 5.07038 6.65184C5.18156 6.63666 5.26775 6.62868 5.33139 6.59752C5.39504 6.56557 5.42645 6.50326 5.42645 6.43217C5.42645 6.36986 5.40229 6.31474 5.33945 6.2756C5.28387 6.24444 5.18881 6.22927 5.07844 6.2053C4.57978 6.11104 3.98687 5.80509 3.68638 5.05979C2.49169 5.05979 1.6136 4.11079 1.6136 3.04436V2.97407C1.21805 2.8167 0.949791 2.44045 0.949791 1.99311C0.949791 1.40518 1.41623 0.934674 2.00914 0.934674C2.36521 0.934674 2.67375 1.10722 2.87193 1.36604C3.03788 1.31891 3.22719 1.30293 3.40926 1.30293C4.29541 1.30293 5.24439 1.85971 5.42645 2.94211C6.56
6197556 3.04436 6.83463 4.00135 6.90552 4.40156C6.94499 4.60526 6.97641 4.77781 7.11094 4.77781C7.25353 4.77781 7.28495 4.62044 7.33248 4.40875C7.41948 4.00934 7.57013 3.68741 7.87062 3.43658C7.87062 2.4085 8.64559 1.52261 9.74522 1.52261Z" fill="#1D1136"/> 6198<path d="M12.0456 7.67233C11.6735 8.19795 11.4052 8.45677 10.5585 9.44491C9.44358 10.755 8.85792 11.8142 7.88477 14.1667C8.04347 14.1508 8.27306 14.1356 8.52602 14.1356C8.65249 14.1356 8.7548 14.1356 8.92156 14.1428L9.03998 13.892C9.58617 12.7313 10.3209 11.1624 11.3496 9.95456L11.7057 9.53917C12.765 8.30819 13.4216 7.57806 13.8332 5.89974C13.9758 5.30382 14.0943 4.771 14.4979 4.38597C14.8612 4.04088 15.3204 3.8923 15.7868 3.8923C16.1823 3.8923 16.4756 3.98656 16.9025 4.1663C17.29 4.33085 17.4318 4.36281 17.8435 4.36281C17.9861 4.36281 18.0884 4.35482 18.1834 4.34683L17.63 5.08414L18.3816 5.60977C17.4399 5.88376 16.942 6.78643 16.7753 7.20182C16.7438 7.28809 16.7285 7.34321 16.7285 7.39833C16.7285 7.46144 16.76 7.52375 16.855 7.52375C16.9573 7.52375 17.0363 7.44546 17.1708 7.28809C17.63 6.7393 17.9941 6.36226 19.6859 5.83743L18.492 4.94275L19.3934 3.63348H18.5476C18.0094 3.63348 17.6534 3.62549 17.1869 3.41381C16.5537 3.12383 16.2299 2.99842 15.6684 2.99842C14.9804 2.99842 14.3553 3.24126 13.8413 3.71177C13.2476 4.25257 13.0655 4.9747 12.8528 5.76714C12.6861 6.37823 12.4887 7.05324 12.0456 7.67233Z" fill="#1D1136"/> 6199<path d="M13.865 13.012C13.4138 13.6159 12.7968 14.4075 12.3223 15.2471C12.4729 15.3182 12.9716 15.585 13.1456 15.6785C13.691 14.8629 14.4506 13.8595 14.9485 13.0983C15.3996 12.4081 15.5817 12.1101 15.6131 11.1843C15.6212 11.0277 15.6212 10.8783 15.6365 10.7298C15.6759 10.2513 15.8032 9.76479 16.2616 9.31825C16.6016 8.98035 17.0922 8.8086 17.5828 8.8086C18.0573 8.8086 18.3336 8.9412 18.7452 8.9412C19.0377 8.9412 19.2511 8.87091 19.4413 8.80061L19.5919 8.74549L19.2278 9.60902L20.0817 9.95331C19.5363 10.2904 18.3416 11.7419 18.3416 13.4593C18.3416 14.0792 18.4367 14.6512 18.5712 15.1608C18.5873 15.2159 18.6188 15.2711 18.7058 15.2711C18.7847 15.2711 18.8403 15.2239 18.8484 15.1377L18.8564 14.9571C18.8798 14.4315 18.9192 13.6007 19.1327 12.8554C19.4888 11.6005 20.4458 10.4238 21.4029 9.85905L20.0422 9.27112L20.6279 7.85161L19.9875 7.98501C19.6 8.0633 19.3148 8.1336 18.9748 8.1336C18.7533 8.1336 18.5003 8.10244 18.1999 8.03135C17.9703 7.97703 17.7246 7.9299 17.3773 7.9299C16.7522 7.9299 16.0795 8.16475 15.6212 8.6041C14.7825 9.39653 14.735 10.2513 14.6794 11.0125C14.6085 12.0239 14.4184 12.2747 13.865 13.012Z" fill="#1D1136"/> 6200<path d="M34.1611 13.4897C34.1055 13.4194 34.058 13.3875 33.9951 13.3875C33.9001 13.3875 33.8525 13.4506 33.8525 13.5209C33.8525 13.6311 33.9315 13.7645 34.1297 14.0944C34.7306 15.1058 35.4742 16.1251 36.3918 17.0828C37.3802 18.1253 38.5427 19.0975 39.7849 19.9682L40.1724 20.235C40.228 20.2749 40.2675 20.2981 40.315 20.2981C40.3939 20.2981 40.4495 20.2198 40.4495 20.1567C40.4495 20.1176 40.4334 20.0776 40.3859 20.0385C39.2315 18.996 37.9892 17.7251 36.8268 16.5021C35.9165 15.5371 34.9836 14.5178 34.1611 13.4897Z" fill="#1D1136"/> 6201<path d="M8.71143 9.93823C8.82985 9.74252 9.18592 9.26403 9.32851 9.11465C8.71949 7.89165 7.72297 6.72297 7.28795 6.25966L6.92383 6.61274C7.34354 7.21665 8.04682 8.38532 8.71143 9.93823Z" fill="#1D1136"/> 6202<path d="M2.91025 2.85622C2.83855 2.79312 2.82324 2.75397 2.82324 2.70684C2.82324 2.65252 2.86272 2.58942 2.94972 2.58942C2.98114 2.58942 3.01256 2.5974 3.05284 2.61338C3.63769 2.84823 4.13635 3.12303 4.57943 3.46013C4.95081 3.74212 5.31493 4.08801 5.6702 4.50339L5.33829 4.87964C4.92744 4.54174 3.59822 3.43697 2.91025 2.85622Z" fill="#1D1136"/> 6203<path d="M8.52169 5.48315L8.09473 5.22434C8.37104 4.5733 8.71181 3.97738 9.1146 3.53004C9.39978 3.20891 9.66885 2.94929 9.96933 2.69127C10.0402 2.63615 10.0797 2.58902 10.1506 2.58902C10.2303 2.58902 10.2859 2.65213 10.2859 2.71444C10.2859 2.74559 10.2698 2.78473 10.2384 2.83186C9.75585 3.57717 8.81412 5.05179 8.52169 5.48315Z" fill="#1D1136"/> 6204<path d="M3.15595 9.12171C3.05284 9.16085 3.00531 9.18481 2.95053 9.18481C2.86352 9.18481 2.82324 9.11372 2.82324 9.0586C2.82324 9.00428 2.84741 8.97313 2.903 8.9252C3.87534 8.17271 4.73007 7.87475 5.90865 7.67824L6.05044 8.14954L3.15595 9.12171Z" fill="#1D1136"/> 6205<path d="M23.4443 3.03591C23.4443 2.76112 23.5869 2.26664 24.1009 2.26664C24.2749 2.26664 24.4409 2.30579 24.5754 2.36889C24.7655 2.45517 24.892 2.58058 24.892 2.71398C24.892 2.85538 24.7494 2.99677 24.5359 3.16931C24.3144 3.34905 24.03 3.5144 23.8004 3.5144C23.5241 3.5144 23.4443 3.25479 23.4443 3.03591Z" fill="#1D1136"/> 6206<path d="M15.416 5.32691C15.416 4.98981 15.6214 4.62075 16.017 4.62075C16.191 4.62075 16.3964 4.69105 16.5471 4.83324C16.6341 4.91152 16.6735 4.997 16.6735 5.08407C16.6735 5.27259 16.4915 5.45232 16.278 5.57774C16.112 5.672 15.938 5.73511 15.7882 5.73511C15.5425 5.73511 15.416 5.58493 15.416 5.32691Z" fill="#1D1136"/>
6207<path d="M17.2754 10.1653C17.2754 10.087 17.2834 9.99276 17.3149 9.8985C17.3785 9.6948 17.5122 9.49829 17.8449 9.49829C17.9956 9.49829 18.1607 9.53743 18.2953 9.63249C18.4145 9.71078 18.462 9.81223 18.462 9.91447C18.462 10.2516 17.8925 10.6438 17.6073 10.6438C17.4019 10.6438 17.2754 10.4473 17.2754 10.1653Z" fill="#1D1136"/> 6208<path d="M14.1589 20.0632C13.0915 20.0632 12.6162 19.5616 12.6162 18.9265C12.6162 17.8122 14.5859 16.7226 16.3574 16.0476L16.8166 16.6363C15.725 17.0669 13.5265 17.9935 13.5265 18.7931C13.5265 19.0751 13.6925 19.2796 14.3563 19.2796C15.5115 19.2796 16.7537 18.722 17.9001 18.1652C17.9871 18.1261 18.0902 18.0869 18.1853 18.0869C18.3351 18.0869 18.4302 18.1341 18.5405 18.2906L18.7306 18.5495C17.3942 19.2796 15.725 20.0632 14.1589 20.0632Z" fill="#1D1136"/> 6209<path d="M17.1031 20.3623C16.0591 20.9423 14.9755 21.3273 14.0185 21.3273C12.9503 21.3273 12.0013 20.872 11.2102 19.6873C10.8783 19.1857 10.6173 18.5586 10.3007 18.0018C9.92127 17.3428 9.50962 16.9897 8.79022 16.9897C8.13367 16.9897 7.49242 17.2565 6.8125 17.5465L6.84392 17.6959C6.8995 17.9387 6.99456 18.1113 7.22335 18.1113C7.32647 18.1113 7.42958 18.0649 7.48517 18.049C7.8646 17.9307 8.14092 17.8285 8.52921 17.8285C9.12213 17.8285 9.4065 18.1744 9.8101 19.0211L9.96075 19.3351C9.54909 19.4764 8.58399 19.5467 7.8646 19.5467H7.52464L7.58023 19.8838C7.60359 20.0252 7.65918 20.1427 7.7776 20.1978C7.91938 20.2681 8.12561 20.2761 8.48168 20.2761C9.38314 20.2761 10.0397 20.1666 10.4191 20.0716C11.3923 21.5078 12.7288 22.0566 14.0185 22.0566C15.1173 22.0566 16.2331 21.6564 17.3013 21.0765L17.1031 20.3623Z" fill="#1D1136"/> 6210<path d="M18.1776 20.7159L17.9883 19.9938C19.6172 19.1239 21.1043 18.4257 23.4776 18.198C23.5251 19.0999 23.4615 20.2374 24.1341 20.2374C24.7504 20.2374 26.0949 18.6605 27.6457 16.6843C27.7883 16.8177 28.0171 16.9591 28.2233 17.1156L27.8278 17.6253C26.3165 19.5552 25.0275 21.2024 23.9674 21.2024C22.9789 21.2024 22.6067 20.0489 22.5914 19.1862C21.0809 19.3355 19.6567 19.8372 18.1776 20.7159Z" fill="#1D1136"/> 6211<path d="M39.1073 4.97232C38.4902 4.97232 38.3162 4.63442 38.3162 4.15672C38.3162 3.16858 38.9413 1.74907 39.3368 0.940665H38.379C37.8811 1.89765 35.9195 4.96433 34.8594 6.23526L35.4684 6.8855C36.038 6.25842 36.6631 5.192 37.343 4.14075H37.4695C37.4695 4.19586 37.4622 4.25817 37.4622 4.31329C37.4622 5.19998 37.9206 5.85821 39.0517 5.85821C39.7477 5.85821 40.8393 5.51312 41.868 5.16803C42.7219 4.87806 43.505 4.5801 43.8925 4.47066V3.52965C43.4494 3.66225 42.5479 4.00734 41.6142 4.32927C40.6338 4.66637 39.6687 4.97232 39.1073 4.97232Z" fill="#1D1136"/> 6212<path d="M41.2192 7.82016C42.1682 7.42075 43.8688 6.74575 44.85 6.39267V5.43568C42.8804 6.15781 39.4236 7.57732 37.0664 8.84824C37.13 8.92573 37.5417 9.49848 37.5884 9.56958C38.5849 9.16138 39.4791 8.89458 40.2855 8.89458C41.4174 8.89458 42.3422 8.89458 43.893 8.53351V7.81217C43.0229 7.96954 42.0973 8.15726 41.4963 8.15726C41.1403 8.15726 41.0372 8.11013 41.0372 7.99271C41.0372 7.92241 41.0847 7.87528 41.2192 7.82016Z" fill="#1D1136"/> 6213<path d="M22.8666 10.3294L22.4863 11.0515H26.5288L26.2283 10.3294H22.8666Z" fill="#1D1136"/> 6214<path d="M8.30676 14.6345C8.73372 14.6345 9.08174 14.4932 9.41445 14.3605C9.73024 14.2343 10.0468 14.1089 10.4738 14.1089C11.4864 14.1089 12.7359 14.5954 13.8355 15.0579C13.8992 15.0819 13.9701 15.0971 14.041 15.0971C14.2158 15.0971 14.3503 15.0188 14.4365 14.8542L14.5791 14.5954C13.3691 13.8972 11.4389 13.1519 10.4343 13.1519C9.97594 13.1519 9.64323 13.2702 9.32744 13.3948C8.97137 13.537 8.66283 13.6855 8.33818 13.6855C7.53984 13.6855 5.49122 12.9011 5.49122 12.1406C5.49122 11.2467 8.74984 10.9017 9.10591 10.9017L9.42975 10.1715C7.06535 10.1715 4.249 10.9951 4.249 12.0855C4.249 12.3994 4.43107 12.556 4.43107 12.846C4.43107 13.2382 4.249 13.505 4.249 13.9444C4.249 14.2343 4.42301 14.6034 4.62844 14.9253C4.84997 15.2624 5.11099 15.4813 5.11099 15.7641C5.11099 15.9758 4.9692 16.2266 4.9692 16.7211C4.9692 17.7795 5.57823 18.4234 6.76406 19.6855L7.00171 19.9363C6.0213 20.3134 4.19342 21.0978 3.76646 21.2775C2.28739 21.8894 1.91602 22.6347 1.91602 23.8114C1.91602 24.2659 1.91602 24.7836 1.94743 25.2461H2.23181C2.82553 25.2461 2.89642 24.8938 2.89642 24.556
62147C2.89642 24.329 2.88836 24.0702 2.88836 23.7874C2.89642 23.1372 2.92059 22.5565 3.97994 22.086C4.40771 21.8974 6.50305 21.0507 8.06186 20.3917C8.52024 20.1951 8.94721 20.0306 9.4217 20.0306C9.95178 20.0306 10.5608 20.2583 11.3205 20.7056C11.9609 21.0818 12.6336 21.5915 13.1637 22.1794L13.8355 21.6698C13.2579 20.9956 12.4596 20.3917 11.6604 19.9211C10.8613 19.4506 10.15 19.1758 9.54898 19.1758C9.28797 19.1758 9.07449 19.223 8.89242 19.2701C8.67894 19.3252 8.48077 19.3875 8.22781 19.3875C7.93538 19.3875 7.68968 19.3172 7.33361 18.909C7.19908 18.7605 6.34515 17.7955 6.16309 17.5135C6.07608 17.3801 5.91819 17.1133 5.91819 16.7994C5.91819 16.6659 5.94155 16.5094 6.0213 16.368C6.756 16.9328 7.66632 17.2778 8.7732 17.4113L8.62336 16.6659C7.03312 16.2506 5.34058 14.8622 5.34058 13.9683C5.34058 13.7798 5.38811 13.6464 5.45981 13.4818C6.07608 14.0466 7.52373 14.6345 8.30676 14.6345Z" fill="#1D1136"/> 6215<path d="M19.6895 14.7763C20.686 14.0781 21.7139 13.9998 22.5445 13.9998C23.0431 13.9998 23.628 14.0701 24.2451 14.1484C24.7437 14.2115 25.1941 14.2587 25.7322 14.2587C26.8157 14.2587 27.9073 13.8664 28.3818 13.6619C28.5163 13.8273 28.7459 14.047 28.928 14.2035C28.6984 14.3449 27.2435 15.1286 25.7564 15.1286C25.0998 15.1286 24.4747 15.0511 23.9365 14.98C23.462 14.9177 22.9481 14.8626 22.4494 14.8626C21.904 14.8626 20.8044 15.0191 20.1245 15.3411L19.6895 14.7763Z" fill="#1D1136"/> 6216<path d="M34.3757 17.5754C33.1891 20.0541 31.3854 21.8579 29.5349 22.9011C28.6568 23.3948 27.8658 23.7167 26.1579 23.7167H22.4635C21.1431 23.7167 20.3125 23.8893 19.664 24.0538C18.9672 24.2344 18.5249 24.4141 17.8209 24.4141C16.7768 24.4141 15.8117 23.9045 15.3453 23.4188L16.2153 22.7366L15.7803 22.163C15.5273 22.3444 12.4347 24.6106 11.7854 25.1203L11.7459 25.0971C11.762 24.9405 11.762 24.7991 11.762 24.6578C11.762 22.9323 10.9548 22.5161 9.72951 22.0304L8.89894 22.5161C10.5834 23.0737 11.0023 23.5202 11.0023 24.7672C11.0023 25.7561 10.6463 26.1476 10.1323 26.4463C9.60222 26.7523 8.94567 26.8929 8.36886 26.8929C8.12316 26.8929 8.01279 26.94 7.92579 27.0263C7.83073 27.1205 7.7832 27.2619 7.7832 27.4576V27.7324H7.98138C9.04073 27.7324 10.0219 27.5679 11.0974 26.7283L14.6017 24.0147C15.0996 24.5795 16.3579 25.3639 17.8442 25.3639C18.6828 25.3639 19.221 25.1594 19.9959 24.9637C20.5969 24.8143 21.1826 24.6809 22.4635 24.6809H26.1732C28.072 24.6809 28.9896 24.2887 30.0014 23.7247C32.2006 22.5009 34.0752 20.4304 35.1354 18.0531C34.8583 17.8814 34.5973 17.724 34.3757 17.5754Z" fill="#1D1136"/> 6217<path d="M28.4236 20.5238C29.3806 19.002 30.2346 17.6528 32.3307 16.5552C32.1092 16.4218 31.7934 16.2181 31.6266 16.1079C30.8122 16.461 30.0058 17.1663 29.3178 17.8805C27.7356 19.5117 27.8774 20.4527 26.209 21.0885C25.7893 21.2451 25.2753 21.4177 24.6188 21.567C24.2313 20.3824 23.2589 19.2057 22.2302 19.2057C21.5181 19.2057 20.6956 19.574 19.7466 19.9902C18.6316 20.4766 17.611 21.0334 17.2871 21.2451L17.7221 21.8259C18.054 21.6445 19.0111 21.174 19.9681 20.7666C20.7987 20.4135 21.5503 20.1236 22.0562 20.1236C22.8707 20.1236 23.4007 21.0414 23.694 21.7779C22.6258 22.0295 20.8696 22.0919 20.3403 22.0919C20.0946 22.0919 20.0076 22.131 19.9206 22.2021C19.8416 22.2724 19.778 22.3978 19.7385 22.5704L19.6757 22.8372H20.2444C23.2034 22.8372 25.9955 22.3746 27.7904 21.2922C28.0442 21.3633 28.2657 21.4097 28.5501 21.4097C29.578 21.4097 30.6382 20.8529 31.3028 20.3432C31.5396 20.1627 31.5952 19.9973 31.5952 19.8176C31.5952 19.7313 31.5871 19.6531 31.5791 19.574L31.5477 19.2688C30.5987 20.0133 29.8076 20.5709 28.8272 20.5709C28.6532 20.5709 28.5267 20.5549 28.4236 20.5238Z" fill="#1D1136"/> 6218</svg></div><div class="margin-top margin-custom1 mobile"><h3 class="heading-style-h4">"With Murf, we have experienced a new level of agility."</h3></div></div><div class="margin-top margin-small"><a href="https://murf.ai/case-studies/nestle" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Read the full story</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6218ox="0 0 11 11" fill="none"> 6219 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6220 <defs> 6221 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6222 <stop stop-color="#FC6337"/> 6223 <stop offset="1" stop-color="#C516E1"/> 6224 </linearGradient> 6225 </defs> 6226</svg></div></div></a></div></div><div class="margin-top margin-custom2 tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png 1176w" alt=""/></div><div class="margin-top margin-custom2 mobile-1rem"><div class="flex-container tablet"><div class="flex-container gap-0-5"><div class="text-size-large text-weight-semibold">30% </div><div class="padding-right"><p class="text-color-gray">faster voiceover production. <br/>Reduced external dependencies.<br/></p></div></div><div class="padding-horizontal padding-medium mobile"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/693fdb8b65d7e0efc177e7db_Line%206.webp" loading="lazy" alt="" class="icon-height-large for-mobile"/></div><div class="padding-left"><p class="text-color-gray">Humanlike voices. <br/>Multilingual capability.</p></div></div></div><div class="margin-top margin-custom2 _24px"><div class="body-strong opacity-70">Product used</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/693fe24017de14c747facf2f_Frame%201171285440.webp" loading="lazy" alt="" class="icon-height-medium"/></div></div><div class="round-card for-home_cs enterprise-card home"><div class="video-target has-no-border"><div class="video-wrapper w-embed"><video src="https://murf.ai/public-assets/case-study/murf-nestle.mp4" class="s-video" poster="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/68f09f4740f811cb015b9916__video_%20(1).webp" preload="none" style="width: 100%; height: 100%; object-fit: cover;"></video></div><div class="video-status play"><div class="featured_card-play-btn w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6227<path d="M19.125 10.051C20.625 10.917 20.625 13.0821 19.125 13.9481L7.875 20.4433C6.375 21.3093 4.5 20.2268 4.5 18.4947L4.5 5.50433C4.5 3.77228 6.375 2.68975 7.875 3.55578L19.125 10.051Z" fill="currentColor"/> 6228</svg></div></div></div></div></div><div id="tst-3" class="hide"><div id="3" class="_2-col-layout gap-48px tablet"><div class="margin-top"><div class="tst-block"><div class="margin-top"><div class="icon-1x1-medium w-embed"><svg width="130" height="32" viewBox="0 0 130 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 6229<rect width="129.62" height="32" fill="url(#pattern0_7577_31033)"/> 6230<defs> 6231<pattern id="pattern0_7577_31033" patternContentUnits="objectBoundingBox" width="1" height="1"> 6232<use xlink:href="#image0_7577_31033" transform="scale(0.00078125 0.00316456)"/> 6233</pattern> 6234<image id="image0_7577_31033" width="1280" height="316" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/> 6235</defs> 6236</svg></div><div class="margin-top margin-custom1 mobile"><h3 class="heading-style-h4">"You don't just get excellent technology, you get a partner that goes above and beyond."</h3></div></div><div class="margin-top margin-small"><a href="https://murf.ai/case-studies/vertiv" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Read the full story</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"> 6237 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6238 <defs> 6239 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6240 <stop stop-color="#FC6337"/> 6241 <stop offset="1" stop-color="#C516E1"/> 6242 </linearGradient> 6243 </defs> 6244</svg></div></div></a></div></div><div class="margin-top margin-custom2 tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png 1176w" alt=""/></div><div class="margin-top margin-custom2 mobile-1rem"><div class="flex-container tablet"><div class="flex-container gap-0-5"><div class="text-size-large text-weight-semibold">95% </div><div class="padding-right"><p class="text-color-gray">reduction in translation time.<br/></p></div></div><div class="padding-horizontal padding-medium mobile"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/693fdb8b65d7e0efc177e7db_Line%206.webp" loading="lazy" alt="" class="icon-height-large"/></div><div class="padding-left"><p class="text-color-gray">Centralized translation & voiceover <br/>platform. Collaboration features.</p></div></div></div><div class="margin-top margin-custom2 _24px"><div class="body-strong opacity-70">Product used</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/694be4b40d1a9a5c885c451e_Frame%201171285440.webp" loading="lazy" alt="" class="icon-height-medium"/></div></div><div class="round-card for-home_cs enterprise-card home"><div class="video-target has-no-border"><div class="video-wrapper w-embed"><video src="https://murf.ai/public-assets/case-study/murf-vertiv.mp4" class="s-video" poster="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6787c870247827631cee8994_Video%20Container.webp" preload="none" style="width: 100%; height: 100%; object-fit: cover;"></video></div><div class="video-status play"><div class="featured_card-play-btn w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6245<path d="M19.125 10.051C20.625 10.917 20.625 13.0821 19.125 13.9481L7.875 20.4433C6.375 21.3093 4.5 20.2268 4.5 18.4947L4.5 5.50433C4.5 3.77228 6.375 2.68975 7.875 3.55578L19.125 10.051Z" fill="currentColor"/> 6246</svg></div></div></div></div></div></div><div id="tst-4" class="hide"><div id="4" class="_2-col-layout gap-48px tablet"><div class="margin-top"><div class="tst-block"><div class="margin-top"><div class="icon-1x1-medium w-embed"><svg width="154" height="32" viewBox="0 0 154 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 6247<rect width="153.182" height="32" fill="url(#pattern0_7577_31002)"/> 6248<defs> 6249<pattern id="pattern0_7577_31002" patternContentUnits="objectBoundingBox" width="1" height="1"> 6250<use xlink:href="#image0_7577_31002" transform="matrix(0.00333333 0 0 0.0159564 0 -0.0732356)"/> 6251</pattern> 6252<image id="image0_7577_31002" width="300" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABkCAMAAAAL3/3yAAACo1BMVEVMaXEAO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO00AO03/0wAAO00AO00AO00AO00AO00AO00AO03/0wAAO03/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wAAO03/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wD/0wAAO03/0wDTlefTAAAA33RSTlMAMNDwcJBggEBQoOAgAQID/cAGsAz1NwkKOQRJ1m38vv7x6yoQ
6252DQVfDlXOVy4euMwt6dgm0mrtz+d/PVL6TiJbXRhjfMkR9/bjkSv73eQZ7qXE+RPaC3Q8ZQcXHJgVhryyiRpCc6IUeTtH1fNsnYNDJCkb29PvfTI2hcKstfglxrtoMzQIpuxGlFSH6jFMS42TIY+V8qnfr3G/i+Vaw8rhRG+hpCiMs8iup4RPYUWZx594dkCbdbZBZ6qBkD8BlO4KKBADOHNStY2L4P7VUcEWk2r0Z0aA2Um5mPbFd+JWWENjQQAAAAlwSFlzAAALEwAACxMBAJqcGAAAEJBJREFUeJztnPdbVNe6x1+GaZQZBmQAkd4GpYyAtIBRBDWAiiAoIC0qimJBxV5iiQ0Ve9RYUGOJRhPNjSVeTs259Zxbzrm9vv4p91lttymgQp4bsr+/sFdf+zOr7bXeBYAuXbp06dKlS5cuXbp06dI1BvrhL//+r3WQo9Jv/+Jv37z58587rHYT01f+Iv3ml39682YEWJt5RlEwcRWATME+Y/zin//q9wTVCLCCeEZG+PnC+vU//YGR+pnCWnlo1LB++JdfSajevPnHCQlrWY/PoOjmfrSMGtbvFKjevPnlxIMV4XKjyUfY8o4ixLeA9WcKVL/6m3+YaLBaS/MQfcBKe1hL3+ddYP3rH3/tv+CfHqzopw20xt5hnebv8/aw/v3ffjFS0T89WD28xia/7/OWsP7zP34ziqJ/erCsYw/rf/77t6MqevxgxaSFjTZqRlqLv4zCRgurx2rdxUP3WIlqtLBapt7rCu/sfp4qJ/rdf/3vDwBgj6SuPprOmkMeryzuDO8auGX3BatpGYtsXUTmnA/o43ALgH1ZZfekO48GI+RCIlnE4QyAT09U75kUfKVVBEVkdRuciAlDe5eSUuUkwyyJIhfIfpR4EhG3hT/r83z7qF2JC5MQj4bvYl8YYcNW6xpe41yaV7Yidhhq9Zka1qfb60RIojIhQOaVBaX0wc2CJ0HqCymTE95hbWnkzoWk5oPcUQaztvLHvO2fipSzuNdKKCthT3zlY3MNydVN6F4hV+kK9xyWfFJzFa92OVT1ArasOEWgeyUA1Hjg2OYXVogK1gGDIqjWJScsONsrOi6PUuWap4j7NMwLrPZ+7krZrwxbukeRcJ1oAGbucb2UP9xk/isOqCscmCVVysK9rMKjeZ8q6sVBxatv6dS8eVuL9NqK3N8ClkZT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"/> 6253</defs> 6254</svg></div><div class="margin-top margin-custom1 mobile"><h3 class="heading-style-h4">"Can you remember a world without navigation? I donât want to go back to a time where there was no Murf."</h3></div></div><div class="margin-top margin-small"><a href="https://murf.ai/case-studies/thinkproject" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Read the full story</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6254ox="0 0 11 11" fill="none"> 6255 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6256 <defs> 6257 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6258 <stop stop-color="#FC6337"/> 6259 <stop offset="1" stop-color="#C516E1"/> 6260 </linearGradient> 6261 </defs> 6262</svg></div></div></a></div></div><div class="margin-top margin-custom2 tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png 1176w" alt=""/></div><div class="margin-top margin-custom2 mobile-1rem"><div class="flex-container tablet"><div class="flex-container gap-0-5"><div class="text-size-large text-weight-semibold">50% </div><div class="padding-right"><p class="text-color-gray">faster video content development.<br/></p></div></div><div class="padding-horizontal padding-medium mobile"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/693fdb8b65d7e0efc177e7db_Line%206.webp" loading="lazy" alt="" class="icon-height-large"/></div><div class="padding-left"><p class="text-color-gray">Ability to create multilingual content. Customization features like âSay It My Wayâ.</p></div></div></div><div class="margin-top margin-custom2 _24px"><div class="body-strong opacity-70">Product used</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/695d5fb4a6404fff2112aeea_Product%20Group.webp" loading="lazy" alt="" class="icon-height-medium"/></div></div><div class="round-card for-home_cs enterprise-card home"><div class="video-target has-no-border"><div class="video-wrapper w-embed"><video src="https://murf.ai/public-assets/case-study/murf_munchen_testimonial.mp4" class="s-video" poster="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67dd115190f2c6f352f3ad4e_thinkpr.webp" preload="none" style="width: 100%; height: 100%; object-fit: cover;"></video></div><div class="video-status play"><div class="featured_card-play-btn w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6263<path d="M19.125 10.051C20.625 10.917 20.625 13.0821 19.125 13.9481L7.875 20.4433C6.375 21.3093 4.5 20.2268 4.5 18.4947L4.5 5.50433C4.5 3.77228 6.375 2.68975 7.875 3.55578L19.125 10.051Z" fill="currentColor"/> 6264</svg></div></div></div></div></div></div><div id="tst-5" class="hide"><div id="5" class="_2-col-layout gap-48px tablet"><div class="margin-top"><div class="tst-block"><div class="margin-top"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697336e9bb755bf93a036cc4_Omnicom_Production_logo%20(1)-Photoroom%201.webp" loading="lazy" alt="" class="icon-height-medium"/><div class="margin-top margin-custom1 mobile"><h3 class="heading-style-h4">"Murf really stood out for its more realistic, human-like voices."</h3></div></div><div class="margin-top margin-small"><a href="https://murf.ai/case-studies/omnicom" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Read the full story</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6264ox="0 0 11 11" fill="none"> 6265 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6266 <defs> 6267 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6268 <stop stop-color="#FC6337"/> 6269 <stop offset="1" stop-color="#C516E1"/> 6270 </linearGradient> 6271 </defs> 6272</svg></div></div></a></div></div><div class="margin-top margin-custom2 tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png 1176w" alt=""/></div><div class="margin-top margin-custom2 mobile-1rem"><div class="flex-container tablet"><div class="flex-container gap-0-5"><div class="text-size-large text-weight-semibold">45% </div><div class="padding-right"><p class="text-color-gray">faster voiceover production. <br/>Content delivery across 25 languages.</p></div></div><div class="padding-horizontal padding-medium mobile"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/693fdb8b65d7e0efc177e7db_Line%206.webp" loading="lazy" alt="" class="icon-height-large"/></div><div class="padding-left"><p class="text-color-gray">Ethically built voice model. <br/>Expressive voices. </p></div></div></div><div class="margin-top margin-custom2 _24px"><div class="body-strong opacity-70">Product used</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/695d5fb4a6404fff2112aeea_Product%20Group.webp" loading="lazy" alt="" class="icon-height-medium"/></div></div><div class="round-card for-home_cs enterprise-card home"><div class="video-target has-no-border"><div class="video-wrapper w-embed"><video src="https://murf.ai/public-assets/case-study/murf-omnicorn.mp4" class="s-video" poster="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6787c86fe441537338120e5c_Video%20Container-1.webp" preload="none" style="width: 100%; height: 100%; object-fit: cover;"></video></div><div class="video-status play"><div class="featured_card-play-btn w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6273<path d="M19.125 10.051C20.625 10.917 20.625 13.0821 19.125 13.9481L7.875 20.4433C6.375 21.3093 4.5 20.2268 4.5 18.4947L4.5 5.50433C4.5 3.77228 6.375 2.68975 7.875 3.55578L19.125 10.051Z" fill="currentColor"/> 6274</svg></div></div></div></div></div></div><div id="tst-6" class="hide"><div id="6" class="_2-col-layout gap-48px tablet"><div class="margin-top"><div class="tst-block"><div class="margin-top"><div class="icon-1x1-medium w-embed"><svg width="160" height="32" viewBox="0 0 160 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 6275<rect width="160" height="32" fill="url(#pattern0_7577_30940)"/> 6276<defs> 6277<pattern id="pattern0_7577_30940" patternContentUnits="objectBoundingBox" width="1" height="1"> 6278<use xlink:href="#image0_7577_30940" transform="scale(0.002 0.01)"/> 6279</pattern> 6280<image id="image0_7577_30940" width="500" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAABkCAMAAABHGTJPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADPUExURUdwTDeeRx9otf///x9upR5nsx5ksSqBfR9nsx9otf///x9msh9msh9msR9nszadRx9nszaZRjecR////zacR////zaaRx1ns////zecR//
6280//////zaaRh9msjabRv///////////zabRv///////////////////////////x9msf///zaaRh9ntBxksDedR4yr1ff4+rvO5ytttdPe7+nv9qnB4UuCwD14u1+OxjGYQXyh0J243LTWteHu4Xq6gEmiVV6sZ5jIm83jzTF3pclVNkEAAAAqdFJOUwCOnwcTtzIH6/QagGkg3u3JS7Ts0mkiV4T40TU1Rl4Qr5Z0WaMmQ7rI4LN47YEAABXTSURBVHja7JwLd5paE4aBokDxgtZqbYWcutKcrxsQ0Zh4SaIm//8/nX1BZV/B2PSLWU6zUqNka3iYmXdmj2raMWaZVb9mGEYFmmG4Nb9uWtrFPq5Z1Z7hNez5/WK1Gj88jFerxf3c9iquX7+A/5Bm+q5nzxcPk9tZeLB0dns3vp/aFbd64f7RfNw3GvF8NcnzzqinaRje3q3mwLtw/1BOXquA6WqS8sRn6f7W3WLqVPwL9o+CvAHmY97Hw/DlMc3dnd6upsDrXbB/gMCOkD+IkD+t1+nTM3XXbAyx+5eTdubmw8Au9PL0cbOZPW2embtvV7FjVC/n7Zwju+uAxW0odPNl9JJul4/cI5N5bNcuMf583dyLp+NU7OZRtA6flwLo4WwF4kr9cvbONJs7YC5083QdRVEye0oiEfQwvJsCu3c5gecY2o0YLGbC0L6FzJfP4RZ/F9ntHDjuJcSfndU9AFai0B6+wNAOHT19Qv+thdDD2QKAink5i+dl1QYAYzHzJCK0sb9vxdDDdDEC3iWxn5eEswF4ENJ8JMyjJ+zo0OFl1FcX6ufHfBwq/Dzahs/kxmOo8PXGhfr5xHYbjNTMl49pdmsdXqh/CA3XAKOFkOPTJsps9rIkNzZS6OHsHgDvoubOo1aDGu5enKq3O+bbcL27+SKnfjuFGv5SuZ1DT6YCwFRYn+/SOMrku+geLeXxPQwnAADjckrfv7kxGE3EwX0HOlo+7aK7Qr8jG49AfOnNvX/hHgMgTuiH4J5sck4v1+9IzM0BsC9i7gwSuiS4vxw4P4ebww8blavfjmBav5zW920GDO7irkx64Lx8eVoeoKukXJiuAIhrJdUEtHJX5qAVDHV9OAwGpmSdnMmfTPSQWa3WXNftVavKZbXjVhU9ZglN9rjqpCmXKRfc52J8hyweLWePeehbBfRwNi0d4PV2ux0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"/> 6281</defs> 6282</svg></div><div class="margin-top margin-custom1 mobile"><h3 class="heading-style-h4">âWe can create as much content as we want, as fast as we want.â</h3></div></div><div class="margin-top margin-small"><a href="https://murf.ai/case-studies/agrisphere" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Read the full story</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6282ox="0 0 11 11" fill="none"> 6283 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6284 <defs> 6285 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6286 <stop stop-color="#FC6337"/> 6287 <stop offset="1" stop-color="#C516E1"/> 6288 </linearGradient> 6289 </defs> 6290</svg></div></div></a></div></div><div class="margin-top margin-custom2 tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69636c82426e76d2094b9539_progress%20bar.png 1176w" alt=""/></div><div class="margin-top margin-custom2 mobile-1rem"><div class="flex-container tablet"><div class="flex-container gap-0-5"><div class="text-size-large text-weight-semibold">80% </div><div class="padding-right"><p class="text-color-gray">cost reduction in <br/>content production<br/></p></div></div><div class="padding-horizontal padding-medium mobile"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/693fdb8b65d7e0efc177e7db_Line%206.webp" loading="lazy" alt="" class="icon-height-large"/></div><div class="padding-left"><p class="text-color-gray">Wide selection of voices across <br/>languages. Translation feature. </p></div></div></div><div class="margin-top margin-custom2 _24px"><div class="body-strong opacity-70">Product used</div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/695d5fb4a6404fff2112aeea_Product%20Group.webp" loading="lazy" alt="" class="icon-height-medium"/></div></div><div class="round-card for-home_cs enterprise-card home"><div class="video-target has-no-border"><div class="video-wrapper w-embed"><video src="https://murf.ai/public-assets/case-study/agrisphere-murf-testimonial.mp4" class="s-video" poster="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/686bb025049053d355d4a7a0__video_.webp" preload="none" style="width: 100%; height: 100%; object-fit: cover;"></video></div><div class="video-status play"><div class="featured_card-play-btn w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6291<path d="M19.125 10.051C20.625 10.917 20.625 13.0821 19.125 13.9481L7.875 20.4433C6.375 21.3093 4.5 20.2268 4.5 18.4947L4.5 5.50433C4.5 3.77228 6.375 2.68975 7.875 3.55578L19.125 10.051Z" fill="currentColor"/> 6292</svg></div></div></div></div></div></div><div class="hide w-embed w-script">
6292<script> 6293document.addEventListener("DOMContentLoaded", () => { 6294 $(".video-status").on("click", function () { 6295 if (!$(this).find(".s-video-playing").get(0)) { 6296 var e = $(".s-video-playing"); 6297 e.length > 0 && e.get(0).pause(); 6298 let s = $(this).siblings(".video-wrapper").find(".s-video").get(0); 6299 s.play(), 6300 $(this).css("display", "none"), 6301 s.setAttribute("controls", "true"), 6302 s.classList.add("s-video-playing"), 6303 $(".s-video-playing") 6304 .on("ended", function (e) { 6305 $(this).removeAttr("controls"), 6306 $(this).removeClass("s-video-playing"), 6307 $(this) 6308 .closest(".video-wrapper") 6309 .siblings(".video-status") 6310 .css("display", "flex"); 6311 }) 6312 .on("pause", function (e) { 6313 $(this).removeAttr("controls"), 6314 $(this).removeClass("s-video-playing"), 6315 $(this) 6316 .closest(".video-wrapper") 6317 .siblings(".video-status") 6318 .css("display", "flex"); 6319 }); 6320 } 6321 }); 6322}) 6323 6324 6325</script>
6325</div></div><div id="slider-tabs" class="margin-top margin-xlarge tablet"><div class="flex-container"><div id="c1" class="ent-slider active"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1daecfb90e3f38d9891e_Content%20(3).webp" loading="lazy" width="Auto" alt=""/></div><div id="c3" class="ent-slider w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646c3a-84a2a6be"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1daa6391a39a3427a790_Content%20(2).webp" loading="lazy" width="Auto" alt=""/></div><div id="c4" class="ent-slider w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646c3c-84a2a6be"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1d32eb54708e0189d58b_Content%20(1).webp" loading="lazy" width="Auto" alt=""/></div><div id="c5" class="ent-slider w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646c3e-84a2a6be"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1c708eb30cb07d80ee36_Content.webp" loading="lazy" width="Auto" alt=""/></div><div id="c6" class="ent-slider w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646c40-84a2a6be"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698b1db8a28e6a7eab997316_Content%20(4).webp" loading="lazy" width="Auto" alt=""/></div></div><div class="hide w-embed w-script"><style> 6326 /* Carousel container with minimum height to prevent layout shift */ 6327 #carousel-cnt { 6328 position: relative; 6329 min-height: 450px; 6330 width: 100%; 6331 } 6332 6333 /* Wrapper to control overflow only when not animating */ 6334 #carousel-cnt.not-animating { 6335 overflow-x: clip; 6336 overflow-y: visible; 6337 } 6338 6339 /* Content blocks inside 2-col-layout */ 6340 [id="1"], [id="3"], [id="4"], [id="5"], [id="6"] { 6341 opacity: 0; 6342 position: absolute; 6343 pointer-events: none; 6344 top: 0; 6345 left: 0; 6346 right: 0; 6347 transform: translateX(80px); 6348 } 6349 6350 /* Show active content */ 6351 [id="1"].content-active, [id="3"].content-active, 6352 [id="4"].content-active, [id="5"].content-active, [id="6"].content-active { 6353 opacity: 1 !important; 6354 position: relative !important; 6355 pointer-events: auto !important; 6356 transform: translateX(0) !important; 6357 } 6358 6359 /* Tab buttons are clickable */ 6360 [id="c1"], [id="c3"], [id="c4"], [id="c5"], [id="c6"] { 6361 cursor: pointer; 6362 transition: all 0.3s ease; 6363 } 6364 6365 /* Slider tabs container - DEFAULT desktop behavior */ 6366 #slider-tabs { 6367 position: relative; 6368 width: 100%; 6369 margin-right: 0; 6370 padding-right: 0; 6371 overflow: visible; 6372 } 6373 6374 /* Desktop: explicitly reset any width overrides */ 6375 @media (min-width: 1025px) { 6376 #slider-tabs { 6377 width: 100% !important; 6378 margin-right: 0 !important; 6379 padding-right: 0 !important; 6380 overflow: visible !important; 6381 } 6382 6383 [id="c1"], [id="c3"], [id="c4"], [id="c5"], [id="c6"] { 6384 width: auto !important; 6385 min-width: auto !important; 6386 max-width: none !important; 6387 flex-shrink: 1 !important; 6388 } 6389 } 6390 6391 /* Mobile view ONLY: horizontal scroll with 2 full + partial 3rd visible */ 6392 @media (max-width: 768px) { 6393 .section_content { 6394 overflow: visible !important; 6395 } 6396 6397 .section_content > * { 6398 max-width: 100vw !important; 6399 overflow-x: clip !important; 6400 } 6401 6402 #slider-tabs { 6403 overflow-x: scroll; 6404 overflow-y: hidden; 6405 -webkit-overflow-scrolling: touch; 6406 scroll-behavior: smooth; 6407 display: flex !important; 6408 flex-wrap: nowrap !important; 6409 scrollbar-width: none; 6410 -ms-overflow-style: none; 6411 width: calc(100% + 60px) !important; 6412 margin-right: -60px !important; 6413 padding-right: 40px !important; 6414 } 6415 6416 #slider-tabs::-webkit-scrollbar {
6417 display: none; 6418 } 6419 6420 /* Each tab takes width to show 2 full + 30% of 3rd */ 6421 [id="c1"], [id="c3"], [id="c4"], [id="c5"], [id="c6"] { 6422 flex-shrink: 0 !important; 6423 width: calc((100vw - 60px) / 2.3) !important; 6424 min-width: calc((100vw - 60px) / 2.3) !important; 6425 max-width: calc((100vw - 60px) / 2.3) !important; 6426 } 6427 } 6428 6429 /* Tablet view: horizontal scroll with 3 full + partial 4th visible */ 6430 @media (min-width: 769px) and (max-width: 1024px) { 6431 .section_content { 6432 overflow: visible !important; 6433 } 6434 6435 .section_content > * { 6436 max-width: 100vw !important; 6437 overflow-x: clip !important; 6438 } 6439 6440 #slider-tabs { 6441 overflow-x: scroll; 6442 overflow-y: hidden; 6443 -webkit-overflow-scrolling: touch; 6444 scroll-behavior: smooth; 6445 display: flex !important; 6446 flex-wrap: nowrap !important; 6447 scrollbar-width: none; 6448 -ms-overflow-style: none; 6449 width: calc(100% + 60px) !important; 6450 margin-right: -60px !important; 6451 padding-right: 40px !important; 6452 } 6453 6454 #slider-tabs::-webkit-scrollbar {
6455 display: none; 6456 } 6457 6458 /* Each tab takes width to show 3 full + 35% of 4th */ 6459 [id="c1"], [id="c3"], [id="c4"], [id="c5"], [id="c6"] { 6460 flex-shrink: 0 !important; 6461 width: calc((100vw - 60px) / 3.5) !important; 6462 min-width: calc((100vw - 60px) / 3.5) !important; 6463 max-width: calc((100vw - 60px) / 3.5) !important; 6464 } 6465 } 6466 6467 /* Fix image border radius during transitions */ 6468 #carousel-cnt img { 6469 border-radius: inherit; 6470 display: block; 6471 } 6472 6473 /* Prevent images and content inside tabs from overflowing */ 6474 @media (max-width: 768px) { 6475 [id="c1"] *, [id="c3"] *, [id="c4"] *, [id="c5"] *, [id="c6"] * { 6476 max-width: 100%; 6477 box-sizing: border-box; 6478 } 6479 6480 [id="c1"] img, [id="c3"] img, [id="c4"] img, [id="c5"] img, [id="c6"] img { 6481 max-width: 100%; 6482 height: auto; 6483 object-fit: contain; 6484 } 6485 } 6486 6487 /* Prevent images and content inside tabs from overflowing on tablet */ 6488 @media (min-width: 769px) and (max-width: 1024px) { 6489 [id="c1"] *, [id="c3"] *, [id="c4"] *, [id="c5"] *, [id="c6"] * { 6490 max-width: 100%; 6491 box-sizing: border-box; 6492 } 6493 6494 [id="c1"] img, [id="c3"] img, [id="c4"] img, [id="c5"] img, [id="c6"] img { 6495 max-width: 100%; 6496 height: auto; 6497 object-fit: contain; 6498 } 6499 } 6500</style> 6501
6502<script> 6503 document.addEventListener('DOMContentLoaded', function() { 6504 const sliderTabs = document.getElementById('slider-tabs'); 6505 const carouselCnt = document.getElementById('carousel-cnt'); 6506 const cards = []; 6507 const contents = []; 6508 6509 // Get all tab buttons (c1, c3-c6) and content blocks (1, 3-6) 6510 const tabIds = ['c1', 'c3', 'c4', 'c5', 'c6']; 6511 const contentIds = ['1', '3', '4', '5', '6']; 6512 6513 tabIds.forEach(id => { 6514 const card = document.getElementById(id); 6515 if (card) cards.push(card); 6516 }); 6517 6518 contentIds.forEach(id => { 6519 const content = document.getElementById(id); 6520 if (content) contents.push(content); 6521 }); 6522 6523 let isAnimating = false; 6524 let currentIndex = 0; 6525 6526 // Start with overflow control enabled 6527 if (carouselCnt) { 6528 carouselCnt.classList.add('not-animating'); 6529 } 6530 6531 // Function to scroll tab into view on mobile and tablet 6532 function scrollTabIntoView(index) { 6533 if (!cards[index] || !sliderTabs) return; 6534 6535 // Check if mobile view (<=768px) or tablet view (769px-1024px) 6536 if (window.innerWidth <= 768 || (window.innerWidth >= 769 && window.innerWidth <= 1024)) { 6537 const card = cards[index]; 6538 const containerLeft = sliderTabs.scrollLeft; 6539 const containerWidth = sliderTabs.clientWidth; 6540 const cardLeft = card.offsetLeft; 6541 const cardWidth = card.offsetWidth; 6542 6543 // Calculate scroll position to center the card 6544 const scrollTo = cardLeft - (containerWidth / 2) + (cardWidth / 2); 6545 6546 sliderTabs.scrollTo({ 6547 left: scrollTo, 6548 behavior: 'smooth' 6549 }); 6550 } 6551 } 6552 6553 // Function to switch active card and content 6554 function switchTo(index) { 6555 if (isAnimating || index === currentIndex) return; 6556 6557 isAnimating = true; 6558 const oldIndex = currentIndex; 6559 currentIndex = index; 6560 6561 // Pause videos in old content 6562 if (contents[oldIndex]) { 6563 const oldVideos = contents[oldIndex].querySelectorAll('video'); 6564 oldVideos.forEach(video => { 6565 video.pause(); 6566 }); 6567 } 6568 6569 // Remove overflow restriction BEFORE animation starts 6570 if (carouselCnt) { 6571 carouselCnt.classList.remove('not-animating'); 6572 } 6573 6574 // Update tab button states 6575 cards.forEach(card => { 6576 card.classList.remove('active'); 6577 }); 6578 6579 if (cards[index]) { 6580 cards[index].classList.add('active'); 6581 scrollTabIntoView(index); 6582 } 6583 6584 // Hide old content - fade out fast then slide 6585 if (contents[oldIndex]) { 6586 contents[oldIndex].style.transition = 'opacity 0.2s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)'; 6587 contents[oldIndex].style.opacity = '0'; 6588 contents[oldIndex].style.transform = 'translateX(-80px)'; 6589 contents[oldIndex].style.pointerEvents = 'none'; 6590 contents[oldIndex].classList.remove('content-active'); 6591 6592 // Set to absolute position immediately 6593 contents[oldIndex].style.position = 'absolute'; 6594 contents[oldIndex].style.zIndex = '0'; 6595 } 6596 6597 // Show new content - slide in from right 6598 if (contents[index]) { 6599 contents[index].style.position = 'absolute'; 6600 contents[index].style.zIndex = '1'; 6601 contents[index].style.pointerEvents = 'none'; 6602 contents[index].style.transition = 'none'; 6603 contents[index].style.transform = 'translateX(80px)'; 6604 contents[index].style.opacity = '0'; 6605 6606 // Force reflow 6607 void contents[index].offsetWidth; 6608 6609 // Animate in 6610 contents[index].style.transition = 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease'; 6611 contents[index].classList.add('content-active'); 6612 contents[index].style.transform = 'translateX(0)'; 6613 contents[index].style.opacity = '1'; 6614 } 6615 6616 // Clean up after animation 6617 setTimeout(() => { 6618 if (contents[oldIndex]) { 6619 contents[oldIndex].style.transform = ''; 6620 contents[oldIndex].style.opacity = ''; 6621 contents[oldIndex].style.position = ''; 6622 contents[oldIndex].style.pointerEvents = ''; 6623 contents[oldIndex].style.zIndex = ''; 6624 contents[oldIndex].style.transition = ''; 6625 } 6626 if (contents[index]) { 6627 contents[index].style.transform = ''; 6628 contents[index].style.opacity = ''; 6629 contents[index].style.position = ''; 6630 contents[index].style.zIndex = ''; 6631 contents[index].style.transition = ''; 6632 contents[index].style.pointerEvents = 'auto'; 6633 } 6634 6635 // Restore overflow control AFTER animation completes 6636 if (carouselCnt) { 6637 carouselCnt.classList.add('not-animating'); 6638 } 6639 6640 isAnimating = false;
6641 }, 550); 6642 } 6643 6644 // Add click handlers to tab buttons 6645 cards.forEach((card, index) => { 6646 card.addEventListener('click', function() { 6647 switchTo(index); 6648 }); 6649 }); 6650 6651 // Initialize with first tab active 6652 if (contents[0]) { 6653 contents[0].classList.add('content-active'); 6654 } 6655 if (cards[0]) { 6656 cards[0].classList.add('active'); 6657 } 6658 6659 currentIndex = 0; 6660 6661 }); 6662</script>
6662</div></div></div></div></div></div><div class="overflow-hidden"><div id="sect-bench" class="section_template bg-gradient for-home"><div class="padding-global"><div class="container-large"><div class="padding-section-large tablet"><div><h2 class="heading-style-h2 text-align-center">Setting the Benchmark <br/>in AI Voice API</h2><div class="margin-top margin-small custom"><div class="container-medium"><p class="subheading text-mid-contrast text-align-center">Our foundational <a href="https://murf.ai/text-to-speech">text to speech</a> models, Falcon 2 and Gen2, are built on ethically sourced speech and deep linguistic modeling, delivering superior latency, voice quality, and pronunciation accuracy across real-time conversation and content creation use cases.<br/></p></div></div></div><div class="margin-top margin-xlarge _40px"><div class="flex-container flex-center"><div id="s1" class="ent-slider-v2 active"><div class="w-embed"><!-- Paste this in Webflow Embed --> 6663<div class="falcon-title"> 6664 <img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a82a9c71c3905fe28476d5b_Final%20Murf%20Falcon%202%20Logo.png" alt="Model Logo" class="falcon-logo"> 6665 <span class="falcon-sub">for Conversations</span> 6666</div> 6667 6668<style> 6669 /* Desktop styles (default) */ 6670 .falcon-title { 6671 display: flex; 6672 align-items: center; 6673 gap: 10px; 6674 padding-left: 16px; 6675 padding-right: 16px; 6676 padding-top: 8px; 6677 padding-bottom: 8px; 6678 } 6679 6680 .falcon-logo { 6681 height: 21px; 6682 width: 160px; 6683 } 6684 6685 .falcon-sub { 6686 color: var(--SymenticColors-Text-High-Contrast, #1D1136); 6687 font-family: var(--Typography-font-family-Body, Inter); 6688 font-size: var(--Typography-Body-font-size, 16px); 6689 font-style: normal; 6690 font-weight: 400; 6691 line-height: var(--Typography-Body-line-height, 24px); 6692 } 6693 6694 /* Mobile & Tablet styles */ 6695 @media (max-width: 991px) { 6696 .falcon-sub { 6697 color: var(--SymenticColors-Text-High-Contrast, #1D1136); 6698 font-family: var(--Typography-font-family-Body, Inter); 6699 font-size: var(--Typography-Body-font-size, 14px); 6700 font-style: normal; 6701 font-weight: 400; 6702 line-height: var(--Typography-Body-line-height, 21px); 6703 } 6704} 6705 6706 @media (max-width: 767px) { 6707 .falcon-title { 6708 display: flex; 6709 padding: var(--Space-1, 8px) 0; 6710 flex-direction: column; 6711 justify-content: center; 6712 align-items: center; 6713 gap: 4px; 6714 flex: 1 0 0; 6715 width:auto; 6716 margin-right: 20px; 6717 } 6718 6719 .falcon-logo { 6720 height: 16px; 6721 width: 113.96px; 6722 } 6723 6724 .falcon-sub { 6725 color: var(--SymenticColors-Text-High-Contrast, #1D1136); 6726 font-family: var(--Typography-font-family-Body, Inter); 6727 font-size: var(--Typography-Body-font-size, 12px); 6728 font-style: normal; 6729 font-weight: 400; 6730 line-height: var(--Typography-Body-line-height, 18px); 6731 } 6732 6733 } 6734</style></div></div><div id="s2" class="ent-slider-v2 w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646c56-84a2a6be"><div class="w-embed"><!-- Paste this in Webflow Embed --> 6735<div class="gen2-title"> 6736 <img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/694079300c0889cb2b9a84c6_Murf-Model-Logos%20(1).webp" alt="Model Logo" class="gen2-logo"> 6737 <span class="gen2-sub">for Content</span> 6738</div> 6739 6740<style> 6741 /* Desktop styles (default) */ 6742 .gen2-title { 6743 display: flex; 6744 align-items: center; 6745 gap: 10px; 6746 padding-left: 47px; 6747 padding-right: 16px; 6748 padding-top: 8px; 6749 padding-bottom: 8px; 6750 } 6751 6752 .gen2-logo { 6753 height: 21px; 6754 width: 129px; 6755 } 6756 6757 .gen2-sub { 6758 color: var(--SymenticColors-Text-Mid-Contrast, rgba(29, 17, 54, 0.70)); 6759 font-family: var(--Typography-font-family-Body, Inter); 6760 font-size: var(--Typography-Body-font-size, 16px); 6761 font-style: normal; 6762 font-weight: 400; 6763 line-height: var(--Typography-Body-line-height, 24px); 6764 } 6765 6766 /* Mobile & Tablet styles */ 6767 @media (max-width: 991px) { 6768 .gen2-sub { 6769 color: var(--SymenticColors-Text-Mid-Contrast, rgba(29, 17, 54, 0.70)); 6770 font-family: var(--Typography-font-family-Body, Inter); 6771 font-size: var(--Typography-Body-font-size, 14px); 6772 font-style: normal; 6773 font-weight: 400; 6774 line-height: var(--Typography-Body-line-height, 21px); 6775 } 6776 } 6777 @media (max-width: 767px) { 6778 .gen2-title { 6779 display: flex; 6780 padding: var(--Space-1, 8px) 0; 6781 flex-direction: column; 6782 justify-content: center; 6783 align-items: center; 6784 gap: 4px; 6785 flex: 1 0 0; 6786 width: auto; 6787 margin-left: 20px; 6788 } 6789 6790 .gen2-logo { 6791 height: 16px; 6792 width: 98.1px; 6793 } 6794 6795 .gen2-sub { 6796 color: var(--SymenticColors-Text-Mid-Contrast, rgba(29, 17, 54, 0.70)); 6797 font-family: var(--Typography-font-family-Body, Inter); 6798 font-size: var(--Typography-Body-font-size, 12px); 6799 font-style: normal; 6800 font-weight: 400; 6801 line-height: var(--Typography-Body-line-height, 18px); 6802 } 6803 6804 } 6805</style></div></div></div></div><div id="blocks-wrapper"><div id="block1" class="margin-top"><div class="margin-top margin-xlarge _4rem"><div class="text-align-center"><p id="para" class="body-medium text-mid-contrast">Falcon 2, our lowest-latency TTS model, is built for real-time conversations. Its compute-efficient proprietary neural architecture delivers high context awareness and voice quality, with the speed benefits of a smaller model.<br/></p></div></div><div class="margin-top margin-xxlarge"><div class="_2-col-layout gap-48px gap"><div id="w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646c61-84a2a6be" class="flex-center-div"><div class="margin-top"><div class="content_block_title"><div class="margin-top"><div class="margin-top text-align-center custom"><div class="text-size-large text-weight-semibold"><strong>Sub-100ms Time-to-First-Audio, Every Region</strong></div><div class="margin-top margin-small"><p class="text-mid-contrast">Measured using apiping.io, a neutral geo-distributed relay, across 32 global regions, Falcon 2 returns first audio in sub-100ms, ranking #1 across most regions tested, ahead of ElevenLabs, Cartesia, Deepgram, and Sarvam.</p></div></div></div></div><div class="margin-top margin-small"><div class="text-align-center desktop"><a href="https://murf.ai/falcon/benchmarks" target="_blank" class="w-inline-block"><div class="flex-container gap-5px align-middle"><p><span class="gradients-primary-1-text text-weight-xbold">Explore Benchmarks</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6805ox="0 0 11 11" fill="none"> 6806 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6807 <defs> 6808 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6809 <stop stop-color="#FC6337"/> 6810 <stop offset="1" stop-color="#C516E1"/> 6811 </linearGradient> 6812 </defs> 6813</svg></div></div></a></div></div></div></div><div class="position-relative"><div id="benchmark-grad" class="benchmark-gradient hide-tablet hide-mobile-landscape hide-mobile-portrait"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow.webp 1152w" alt=""/></div><div class="benchmark-gradient hide-desktop w-embed"><svg class="my-svg position-relative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 878 758" fill="none"> 6814 <g opacity="0.4" filter="url(#filter0_f_10024_20327)"> 6815 <path d="M698 386C698 499.771 545.777 592 358 592C170.223 592 18 499.771 18 386C18 272.229 170.223 180 358 180C545.777 180 698 272.229 698 386Z" fill="url(#paint0_linear_10024_20327)"/> 6816 </g> 6817 <defs> 6818 <filter id="filter0_f_10024_20327" x="-162" y="0" width="1040" height="772" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 6819 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 6820 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 6821 <feGaussianBlur stdDeviation="90" result="effect1_foregroundBlur_10024_20327"/> 6822 </filter> 6823 <linearGradient id="paint0_linear_10024_20327" x1="698" y1="481.37" x2="17.9863" y2="478.378" gradientUnits="userSpaceOnUse"> 6824 <stop stop-color="#C516E1"/> 6825 <stop offset="1" stop-color="#FFD522"/> 6826 </linearGradient> 6827 </defs> 6828</svg> 6829<style> 6830 6831 6832/*Desktop */ 6833.my-svg { 6834 width: 1780px; 6835 height: 908px; 6836} 6837 6838/* Tablet */ 6839@media screen and (min-width: 867px) and (max-width: 991px) { 6840 .my-svg { 6841 width: 2080px !important; 6842 height: 950px !important; /* Maintains the same aspect ratio */ 6843 } 6844} 6845 6846@media screen and (min-width: 640px) and (max-width: 768px) { 6847 .my-svg { 6848 width: 1580px !important; 6849 height: 800px !important; /* Maintains the same aspect ratio */ 6850 } 6851} 6852 6853 6854/* Mobile */ 6855@media (max-width: 768px) { 6856 .my-svg { 6857 width: 1300px; 6858 height: 500px; 6859 } 6860} 6861 6862@media screen and (min-width: 480px) and (max-width: 540px) { 6863 .my-svg { 6864 width: 1180px !important; 6865 height: 550px !important; /* Maintains the same aspect ratio */ 6866 left: -40px; 6867 } 6868} 6869@media screen and (min-width: 541px) and (max-width: 639px) { 6870 .my-svg { 6871 width: 1400 !important; 6872 height: 650px !important; /* Maintains the same aspect ratio */ 6873 left: -40px; 6874 } 6875} 6876/* Very small screens 360-410px */ 6877@media (min-width: 330px) and (max-width: 420px) { 6878 .my-svg.position-relative { 6879 position: relative; 6880 left: -115px; 6881 top: -60px; 6882 } 6883} 6884</style></div><div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a82c3edb8444dd9bb7081d2_TTFA%20_%20Landing%20Page.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a82c3edb8444dd9bb7081d2_TTFA%20_%20Landing%20Page-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a82c3edb8444dd9bb7081d2_TTFA%20_%20Landing%20Page-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a82c3edb8444dd9bb7081d2_TTFA%20_%20Landing%20Page-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a82c3edb8444dd9bb7081d2_TTFA%20_%20Landing%20Page.webp 1320w" alt="Sub-100ms Time-to-First-Audio, Every Region" class="img-full"/></div></div></div></div><div class="margin-top margin-xxlarge custom-padding"><div class="_2-col-layout gap-48px gap"><div class="position-relative"><div id="benchmark-grad" class="benchmark-gradient hide-tablet hide-mobile-landscape hide-mobile-portrait"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Backgroun
6884d%20Glow.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow.webp 1152w" alt=""/></div><div class="hide-mobile-landscape hide-mobile-portrait hide-tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking.webp" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-1600.webp 1600w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-2000.webp 2000w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking.webp 2190w" alt="Top-Tier Naturalness" class="img-full falcon-2"/></div></div><div class="margin-top hide-desktop"><div class="content_block_title"><div class="margin-top"><div class="margin-top text-align-center"><div class="text-size-large text-weight-semibold">Top-Tier Naturalness</div><div class="margin-top margin-small"><p class="text-color-gray">On the independent Artificial Analysis Speech Arena, Falcon 2 ranks above ElevenLabs Flash v2.5 and Turbo v2.5, OpenAI Realtime and xAI TTS on naturalness.</p></div></div></div></div><div class="margin-top margin-small"><div class="text-align-center"><a href="https://murf.ai/falcon/benchmarks" target="_blank" class="w-inline-block"><div class="flex-container gap-5px align-middle"><p><span class="gradients-primary-1-text text-weight-xbold">Explore Benchmark</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6884ox="0 0 11 11" fill="none"> 6885 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6886 <defs> 6887 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6888 <stop stop-color="#FC6337"/> 6889 <stop offset="1" stop-color="#C516E1"/> 6890 </linearGradient> 6891 </defs> 6892</svg></div></div></a></div></div></div><div class="position-relative hide-desktop"><div class="benchmark-gradient hide-desktop w-embed"><svg class="my-svg position-relative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 878 758" fill="none"> 6893 <g opacity="0.4" filter="url(#filter0_f_10024_20327)"> 6894 <path d="M698 386C698 499.771 545.777 592 358 592C170.223 592 18 499.771 18 386C18 272.229 170.223 180 358 180C545.777 180 698 272.229 698 386Z" fill="url(#paint0_linear_10024_20327)"/> 6895 </g> 6896 <defs> 6897 <filter id="filter0_f_10024_20327" x="-162" y="0" width="1040" height="772" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 6898 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 6899 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 6900 <feGaussianBlur stdDeviation="90" result="effect1_foregroundBlur_10024_20327"/> 6901 </filter> 6902 <linearGradient id="paint0_linear_10024_20327" x1="698" y1="481.37" x2="17.9863" y2="478.378" gradientUnits="userSpaceOnUse"> 6903 <stop stop-color="#C516E1"/> 6904 <stop offset="1" stop-color="#FFD522"/> 6905 </linearGradient> 6906 </defs> 6907</svg> 6908<style> 6909/* Tablet/Desktop - default */ 6910.my-svg { 6911 width: 1780px; 6912 height: 908px; 6913} 6914/* Mobile */ 6915@media (max-width: 768px) { 6916 .my-svg { 6917 width: 1300px; 6918 height: 500px; 6919 } 6920} 6921/* Very small screens 360-410px */ 6922@media (min-width: 330px) and (max-width: 420px) { 6923 .my-svg.position-relative { 6924 position: relative; 6925 left: -115px; 6926 top: -60px; 6927 } 6928} 6929</style></div><div class="hide-desktop"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking.webp" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-1600.webp 1600w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking-p-2000.webp 2000w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6a84275005d20ed9c312f84f_Naturalness%20-%20Artificial%20Analysis%20Elo%20-%20Higher%20is%20Better%20_%20benchmarking.webp 2190w" alt="Top 10 Free Text to Speech Software & Apps for 2025" class="img-full falcon-2"/></div></div><div class="flex-center-div"><div class="margin-top hide-mobile-landscape hide-mobile-portrait hide-tablet"><div class="content_block_title"><div class="margin-top"><div class="margin-top margin-custom1"><div class="text-size-large text-weight-semibold"><strong>Top-Tier Naturalness</strong></div><div class="margin-top margin-small"><p class="text-mid-contrast">On the independent Artificial Analysis Speech Arena, Falcon 2 ranks above ElevenLabs Flash v2.5 and Turbo v2.5, OpenAI Realtime and xAI TTS on naturalness.</p></div></div></div></div><div class="margin-top margin-small"><a href="https://murf.ai/falcon/benchmarks" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Explore Benchmarks</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6929ox="0 0 11 11" fill="none"> 6930 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6931 <defs> 6932 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6933 <stop stop-color="#FC6337"/> 6934 <stop offset="1" stop-color="#C516E1"/> 6935 </linearGradient> 6936 </defs> 6937</svg></div></div></a></div></div></div></div></div></div><div id="block2" class="margin-top"><div class="margin-top margin-xlarge _4rem"><div class="text-align-center"><p id="para" class="body-medium text-mid-contrast">Gen2, our customization-first speech model, is built for controllable voiceover generation. It supports fine-grained controls for tone, pacing, and emphasis and is ideal for content creation at scale.</p></div></div><div class="margin-top margin-xxlarge custom-padding"><div class="_2-col-layout gap-48px gap"><div id="w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646caf-84a2a6be" class="flex-center-div"><div class="margin-top"><div class="content_block_title"><div class="margin-top"><div class="margin-top text-align-center custom"><div id="h-1" class="text-size-large text-weight-semibold">99.38% Pronunciation Accuracy</div><div class="margin-top margin-small"><p class="text-mid-contrast">Tested on 4,710 words selected from 300,000 multilingual news sentences from the Leipzig Corpus, Gen 2 achieved 99.38% pronunciation accuracy.</p></div></div></div></div><div class="margin-top margin-small"><div class="text-align-center desktop"><a href="https://murf.ai/benchmarks/tts-benchmark" target="_blank" class="w-inline-block"><div class="flex-container gap-5px align-middle"><p><span class="gradients-primary-1-text text-weight-xbold">Explore Benchmarks</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6937ox="0 0 11 11" fill="none"> 6938 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6939 <defs> 6940 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6941 <stop stop-color="#FC6337"/> 6942 <stop offset="1" stop-color="#C516E1"/> 6943 </linearGradient> 6944 </defs> 6945</svg></div></div></a></div></div></div></div><div class="position-relative"><div id="benchmark-grad" class="benchmark-gradient hide-tablet hide-mobile-landscape hide-mobile-portrait"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow.webp 1152w" alt=""/></div><div class="benchmark-gradient hide-desktop w-embed"><svg class="my-svg position-relative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 878 758" fill="none"> 6946 <g opacity="0.4" filter="url(#filter0_f_10024_20327)"> 6947 <path d="M698 386C698 499.771 545.777 592 358 592C170.223 592 18 499.771 18 386C18 272.229 170.223 180 358 180C545.777 180 698 272.229 698 386Z" fill="url(#paint0_linear_10024_20327)"/> 6948 </g> 6949 <defs> 6950 <filter id="filter0_f_10024_20327" x="-162" y="0" width="1040" height="772" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 6951 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 6952 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 6953 <feGaussianBlur stdDeviation="90" result="effect1_foregroundBlur_10024_20327"/> 6954 </filter> 6955 <linearGradient id="paint0_linear_10024_20327" x1="698" y1="481.37" x2="17.9863" y2="478.378" gradientUnits="userSpaceOnUse"> 6956 <stop stop-color="#C516E1"/> 6957 <stop offset="1" stop-color="#FFD522"/> 6958 </linearGradient> 6959 </defs> 6960</svg> 6961<style> 6962/* Tablet/Desktop - default */ 6963.my-svg { 6964 width: 1780px; 6965 height: 908px; 6966} 6967/* Mobile */ 6968@media (max-width: 768px) { 6969 .my-svg { 6970 width: 1300px; 6971 height: 500px; 6972 } 6973} 6974/* Very small screens 360-410px */ 6975@media (min-width: 330px) and (max-width: 420px) { 6976 .my-svg.position-relative { 6977 position: relative; 6978 left: -115px; 6979 top: -60px; 6980 } 6981} 6982</style></div><div class="create_card is-light api"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698c280947be5621a7c52b1b_Accuracy%20Graph%202.webp" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698c280947be5621a7c52b1b_Accuracy%20Graph%202-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698c280947be5621a7c52b1b_Accuracy%20Graph%202-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698c280947be5621a7c52b1b_Accuracy%20Graph%202-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/698c280947be5621a7c52b1b_Accuracy%20Graph%202.webp 1320w" alt="Top 10 Free Text to Speech Software & Apps for 2025" class="img-full"/></div></div></div></div><div class="margin-top margin-xxlarge custom-padding"><div class="_2-col-layout gap-48px gap"><div class="position-relative"><div id="benchmark-grad" class="benchmark-gradient hide-mobile-landscape hide-mobile-portrait hide-tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Backgroun
6982d%20Glow.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-800.webp 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow-p-1080.webp 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/697b15386affb0a26b8e6659_Background%20Glow.webp 1152w" alt=""/></div><div class="create_card is-light api hide-mobile-portrait hide-mobile-landscape hide-tablet"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1).png" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1)-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1)-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1)-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1).png 1320w" alt="Top 10 Free Text to Speech Software & Apps for 2025" class="img-full"/></div></div><div class="margin-top hide-desktop"><div class="content_block_title"><div class="margin-top"><div class="margin-top text-align-center"><div class="text-size-large text-weight-semibold">8 out of 10 win rate on voice naturalness</div><div class="margin-top margin-small"><p class="text-color-gray">Blind tests across four English locales and eight languages showed speakers chose Murf voices for naturalness eight out of ten times.</p></div></div></div></div><div class="margin-top margin-small"><div class="text-align-center"><a href="https://murf.ai/benchmarks/tts-benchmark" target="_blank" class="w-inline-block"><div class="flex-container gap-5px align-middle"><p><span class="gradients-primary-1-text text-weight-xbold">Explore Benchmark</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
6982ox="0 0 11 11" fill="none"> 6983 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 6984 <defs> 6985 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 6986 <stop stop-color="#FC6337"/> 6987 <stop offset="1" stop-color="#C516E1"/> 6988 </linearGradient> 6989 </defs> 6990</svg></div></div></a></div></div></div><div class="position-relative hide-desktop"><div class="benchmark-gradient hide-desktop w-embed"><svg class="my-svg position-relative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 878 758" fill="none"> 6991 <g opacity="0.4" filter="url(#filter0_f_10024_20327)"> 6992 <path d="M698 386C698 499.771 545.777 592 358 592C170.223 592 18 499.771 18 386C18 272.229 170.223 180 358 180C545.777 180 698 272.229 698 386Z" fill="url(#paint0_linear_10024_20327)"/> 6993 </g> 6994 <defs> 6995 <filter id="filter0_f_10024_20327" x="-162" y="0" width="1040" height="772" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 6996 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 6997 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 6998 <feGaussianBlur stdDeviation="90" result="effect1_foregroundBlur_10024_20327"/> 6999 </filter> 7000 <linearGradient id="paint0_linear_10024_20327" x1="698" y1="481.37" x2="17.9863" y2="478.378" gradientUnits="userSpaceOnUse"> 7001 <stop stop-color="#C516E1"/> 7002 <stop offset="1" stop-color="#FFD522"/> 7003 </linearGradient> 7004 </defs> 7005</svg> 7006<style> 7007/* Tablet/Desktop - default */ 7008.my-svg { 7009 width: 1780px; 7010 height: 908px; 7011} 7012/* Mobile */ 7013@media (max-width: 768px) { 7014 .my-svg { 7015 width: 1300px; 7016 height: 500px; 7017 } 7018} 7019/* Very small screens 360-410px */ 7020@media (min-width: 330px) and (max-width: 420px) { 7021 .my-svg.position-relative { 7022 position: relative; 7023 left: -115px; 7024 top: -60px; 7025 } 7026} 7027</style></div><div class="create_card is-light api hide-desktop"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1).png" loading="eager" sizes="100vw" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1)-p-500.png 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1)-p-800.png 800w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1)-p-1080.png 1080w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6981f046db7ef4bf7be59315_Image%20Wrapper-1%20(1).png 1320w" alt="Top 10 Free Text to Speech Software & Apps for 2025" class="img-full"/></div></div><div class="flex-center-div"><div class="margin-top hide-mobile-landscape hide-mobile-portrait hide-tablet"><div class="content_block_title"><div class="margin-top"><div class="margin-top margin-custom1"><div class="text-size-large text-weight-semibold">8 out of 10 Win Rate on Voice Naturalness</div><div class="margin-top margin-small"><p class="text-mid-contrast">Blind tests across four English locales and eight languages showed speakers chose Murf voices for naturalness eight out of ten times.</p></div></div></div></div><div class="margin-top margin-small"><a href="https://murf.ai/benchmarks/tts-benchmark" target="_blank" class="w-inline-block"><div class="flex-container gap-5px"><p><span class="gradients-primary-1-text text-weight-xbold">Explore Benchmarks</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
7027ox="0 0 11 11" fill="none"> 7028 <path d="M10.5838 6.54248C10.5838 7.09476 10.1361 7.54248 9.58383 7.54248H9.42884C8.87655 7.54248 8.42884 7.09476 8.42884 6.54248V3.67864L1.81654 10.2909C1.42602 10.6815 0.792851 10.6815 0.402326 10.2909L0.292892 10.1815C-0.0976321 9.79098 -0.0976326 9.15782 0.292892 8.76729L6.90519 2.15499H4.04135C3.48907 2.15499 3.04135 1.70728 3.04135 1.15499V1C3.04135 0.447715 3.48907 0 4.04135 0H9.58383C10.1361 0 10.5838 0.447715 10.5838 1V6.54248Z" fill="url(#paint0_linear_803_3792)"/> 7029 <defs> 7030 <linearGradient id="paint0_linear_803_3792" x1="-0.414215" y1="5.49902" x2="10.5838" y2="5.49902" gradientUnits="userSpaceOnUse"> 7031 <stop stop-color="#FC6337"/> 7032 <stop offset="1" stop-color="#C516E1"/> 7033 </linearGradient> 7034 </defs> 7035</svg></div></div></a></div></div></div></div></div></div></div></div><div class="align-center"><div class="hide w-embed"><style> 7036/* Base width for 992px to 1073px */ 7037@media (min-width: 992px) and (max-width: 1073px) { 7038 #benchmark-grad { 7039 width: 700px; 7040 } 7041} 7042 7043/* Width for 1074px to 1200px */ 7044@media (min-width: 1074px) and (max-width: 1200px) { 7045 #benchmark-grad { 7046 width: 770px; 7047 } 7048} 7049 7050/* Width for 1201px to 1260px */ 7051@media (min-width: 1201px) and (max-width: 1260px) { 7052 #benchmark-grad { 7053 width: 820px; 7054 } 7055} 7056 7057/* Width for above 1260px */ 7058@media (min-width: 1261px) { 7059 #benchmark-grad { 7060 width: 880px; 7061 } 7062} 7063</style></div></div><div class="hide w-embed w-script"><style> 7064 /* Prevent horizontal overflow */ 7065 body { 7066 max-width: 100vw !important; 7067 overflow-x: hidden; 7068 } 7069 7070 #sect-bench { 7071 overflow: hidden !important; 7072 position: relative; 7073 } 7074 7075 /* Wrapper for blocks - WILL BE SET DYNAMICALLY */ 7076 #blocks-wrapper { 7077 position: relative; 7078 width: 100%; 7079 } 7080 7081 /* BLOCK2 HIDDEN BY DEFAULT (NO JS) */ 7082 #block2 { 7083 display: none; 7084 } 7085 7086 /* Blocks base styles - NO POSITION ABSOLUTE BY DEFAULT */ 7087 #block1, #block2 { 7088 width: 100% !important; 7089 opacity: 1 !important; 7090 pointer-events: none !important; 7091 transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s ease !important; 7092 } 7093 7094 /* ABSOLUTE POSITIONING ONLY WHEN JS IS ACTIVE */ 7095 body.js-active #block1, 7096 body.js-active #block2 { 7097 position: absolute !important; 7098 top: 0 !important; 7099 left: 0 !important; 7100 will-change: transform !important; 7101 } 7102 7103 /* Active block - STAY ABSOLUTE */ 7104 #block1.block-active, #block2.block-active { 7105 pointer-events: auto !important; 7106 z-index: 2 !important; 7107 } 7108 7109 /* Slide positions - FADE OUT WHEN LEAVING */ 7110 #block1.slide-left, #block2.slide-left { 7111 transform: translateX(-100%) !important; 7112 opacity: 0 !important; 7113 } 7114 7115 #block1.slide-right, #block2.slide-right { 7116 transform: translateX(100%) !important; 7117 opacity: 0 !important; 7118 } 7119 7120 #block1.slide-center, #block2.slide-center { 7121 transform: translateX(0) !important; 7122 opacity: 1 !important; 7123 } 7124 7125 /* Clickable sliders */ 7126 #s1, #s2 { 7127 cursor: pointer; 7128 transition: all 0.3s ease; 7129 } 7130 7131 /* Text transitions - SLOWER AND SMOOTHER */ 7132 .falcon-sub, .gen2-sub { 7133 transition: color 0.5s ease; 7134 } 7135 7136 /* Default colors */ 7137 .falcon-sub { color: #1D1136; } 7138 .gen2-sub { color: rgba(29, 17, 54, 0.70); } 7139 7140 /* Active s2 colors */ 7141 .s2-active .falcon-sub { color: rgba(29, 17, 54, 0.70); } 7142 .s2-active .gen2-sub { color: #1D1136; } 7143</style> 7144
7145<script> 7146document.addEventListener('DOMContentLoaded', function() { 7147 const s1 = document.getElementById('s1'); 7148 const s2 = document.getElementById('s2'); 7149 const block1 = document.getElementById('block1'); 7150 const block2 = document.getElementById('block2'); 7151 const wrapper = document.getElementById('blocks-wrapper'); 7152 7153 if (!s1 || !s2 || !block1 || !block2) return; 7154 7155 // ADD JS-ACTIVE CLASS TO ENABLE ABSOLUTE POSITIONING 7156 document.body.classList.add('js-active'); 7157 7158 // ENABLE BLOCK2 FOR ANIMATIONS 7159 block2.style.display = 'block'; 7160 7161 // SET WRAPPER HEIGHT ONCE AT START - NO CHANGES DURING ANIMATION 7162 function setWrapperHeight() { 7163 // Temporarily make both visible to measure 7164 const block1OriginalPos = block1.style.position; 7165 const block2OriginalPos = block2.style.position; 7166 7167 block1.style.position = 'relative'; 7168 block2.style.position = 'relative'; 7169 7170 const height1 = block1.offsetHeight; 7171 const height2 = block2.offsetHeight; 7172 const maxHeight = Math.max(height1, height2); 7173 7174 // Restore original positioning 7175 block1.style.position = block1OriginalPos; 7176 block2.style.position = block2OriginalPos; 7177 7178 if (maxHeight > 0 && wrapper) { 7179 wrapper.style.minHeight = maxHeight + 'px'; 7180 } 7181 } 7182 7183 let currentBlock = 1; 7184 let animationTimeout = null; 7185 7186 function showBlock1() { 7187 if (currentBlock === 1) return; 7188 7189 // CANCEL ANY PENDING ANIMATION TIMEOUT 7190 if (animationTimeout) { 7191 clearTimeout(animationTimeout); 7192 animationTimeout = null; 7193 } 7194 7195 currentBlock = 1; 7196 7197 s1.classList.add('active'); 7198 s2.classList.remove('active'); 7199 if (wrapper) wrapper.classList.remove('s2-active'); 7200 7201 // CLEAN ALL CLASSES FIRST 7202 block1.className = ''; 7203 block2.className = ''; 7204 7205 // Set starting position - block1 at left, block2 at center 7206 block1.classList.add('slide-left'); 7207 block2.classList.add('slide-center', 'block-active'); 7208 7209 block1.offsetHeight; // Force reflow 7210 7211 // Animate - block1 slides in from left 7212 requestAnimationFrame(() => { 7213 block1.classList.remove('slide-left'); 7214 block1.classList.add('slide-center', 'block-active'); 7215 7216 block2.classList.remove('slide-center', 'block-active'); 7217 block2.classList.add('slide-right'); 7218 }); 7219 } 7220 7221 function showBlock2() { 7222 if (currentBlock === 2) return; 7223 7224 // CANCEL ANY PENDING ANIMATION TIMEOUT 7225 if (animationTimeout) { 7226 clearTimeout(animationTimeout); 7227 animationTimeout = null; 7228 } 7229 7230 currentBlock = 2; 7231 7232 s2.classList.add('active'); 7233 s1.classList.remove('active'); 7234 if (wrapper) wrapper.classList.add('s2-active'); 7235 7236 // CLEAN ALL CLASSES FIRST 7237 block1.className = ''; 7238 block2.className = ''; 7239 7240 // Set starting position - block2 at right, block1 at center 7241 block2.classList.add('slide-right'); 7242 block1.classList.add('slide-center', 'block-active'); 7243 7244 block2.offsetHeight; // Force reflow 7245 7246 // Animate - block2 slides in from right 7247 requestAnimationFrame(() => { 7248 block2.classList.remove('slide-right'); 7249 block2.classList.add('slide-center', 'block-active'); 7250 7251 block1.classList.remove('slide-center', 'block-active'); 7252 block1.classList.add('slide-left'); 7253 }); 7254 } 7255 7256 s1.addEventListener('click', showBlock1); 7257 s2.addEventListener('click', showBlock2); 7258 7259 // Initial state 7260 block1.classList.add('block-active', 'slide-center'); 7261 block2.classList.add('slide-right'); 7262 7263 s1.classList.add('active'); 7264 7265 // Set wrapper height ONCE at the start 7266 setTimeout(setWrapperHeight, 100); 7267 7268 // Recalculate on window resize 7269 window.addEventListener('resize', setWrapperHeight); 7270}); 7271</script>
7271</div></div></div></div></div><section class="section_stats_api"><div class="bg_stats_api hide-grad"></div><div class="padding-section-large custom-padding"><div class="padding-global tablet"><div class="container-medium"><div class="img-wrapper"><div><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6940f7e85924837bfa986f1e_Group%201171285339.webp" loading="lazy" width="Auto" height="Auto" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6940f7e85924837bfa986f1e_Group%201171285339-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/6940f7e85924837bfa986f1e_Group%201171285339.webp 688w" sizes="100vw" class="z-index-1 img-home"/></div></div><div class="margin-top margin-medium for-mobile"><h2 class="heading-style-h2 custom-heading-api-hero text-align-center"><span class="gradients-primary-1-text">Join Our Startup Incubator Program</span></h2></div></div><div class="margin-top margin-small"><p class="text-weight-medium text-color-white text-align-center">The Murf Startup Incubator program designed for developers and builders offers <br/>early-stage startups 50 million free API characters for a 3-month period.</p></div><div class="margin-top margin-medium for-mobile"><div class="button-group justify-center"><a data-wf--new-design-system-variables--button-large--variant="primary" href="https://murf.ai/startup-program" class="new-design-system-variables--button-large w-variant-6280c081-036c-1926-1f28-ffb3249f0f09 w-inline-block"><div class="new-design-system-variables--g-button-large-inner"><div class="new-design-system-variables--g-button-large-text w-variant-6280c081-036c-1926-1f28-ffb3249f0f09">Join Program</div></div></a></div></div></div></div></section><section class="section-dark"><div class="bg_stats_api ent-gradient"></div><div class="padding-global"><div class="padding-section-large"><div class="container-large"><div class="flex-container align-middle gap-48px home"><div class="margin-top margin-custom1"><h3 class="heading-style-h2 text-high-contrast">Connect with Our Enterprise Team</h3><div class="margin-top _14px"><p class="subheading text-mid-contrast">Get tailored plans for Murf API, Studio or Dubbing that fit your business.</p></div><div class="margin-top margin-custom2"><div class="button-group justify-center desktop-left-align"><a data-wf--new-design-system-variables--button-large--variant="primary" href="#" class="new-design-system-variables--button-large w-variant-6280c081-036c-1926-1f28-ffb3249f0f09 w-inline-block popup-trigger"><div class="new-design-system-variables--g-button-large-inner"><div class="new-design-system-variables--g-button-large-text w-variant-6280c081-036c-1926-1f28-ffb3249f0f09">Contact Sales</div></div></a></div></div></div><div class="fs-styleguide_1-col for-home"><div id="w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646d47-84a2a6be" class="integration_card ent-card"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/694103be382f5107c3144ffb_Murf%20Logos%20-%20Color.webp" loading="lazy" alt="" class="icon-height-small"/><div class="margin-top margin-small"><p class="text-low-contrast">Fast, accurate video translations</p></div><div class="margin-top margin-custom2"><div class="text-align-right"><a href="https://dub.murf.ai/home" class="w-inline-block"><div class="flex-container gap-5px align-end"><p><span class="gradients-primary-1-text text-weight-xbold">Try Dubbing</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
7271ox="0 0 11 11" fill="none"> 7272 <path d="M10.5839 6.54248C10.5839 7.09476 10.1361 7.54248 9.58386 7.54248H9.42887C8.87658 7.54248 8.42887 7.09476 8.42887 6.54248V3.67864L1.81657 10.2909C1.42605 10.6815 0.792881 10.6815 0.402357 10.2909L0.292923 10.1815C-0.0976016 9.79098 -0.0976021 9.15782 0.292922 8.76729L6.90522 2.15499H4.04138C3.4891 2.15499 3.04138 1.70728 3.04138 1.15499V1C3.04138 0.447715 3.4891 0 4.04138 0H9.58386C10.1361 0 10.5839 0.447715 10.5839 1V6.54248Z" fill="url(#paint0_linear_778_6667)"/> 7273 <defs> 7274 <linearGradient id="paint0_linear_778_6667" x1="-0.414185" y1="5.49902" x2="10.5839" y2="5.49902" gradientUnits="userSpaceOnUse"> 7275 <stop stop-color="#FC6337"/> 7276 <stop offset="1" stop-color="#C516E1"/> 7277 </linearGradient> 7278 </defs> 7279</svg></div></div></a></div></div></div><div class="integration_card ent-card"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/694103bec6b53992f6dd95fe_Murf%20Logos%20-%20Color%20(1).webp" loading="lazy" alt="" class="icon-height-small"/><div class="margin-top margin-small"><p class="text-low-contrast">10x faster voiceover production<br/></p></div><div class="margin-top margin-custom2"><div class="text-align-right"><a href="https://murf.ai/studio" class="w-inline-block"><div class="flex-container gap-5px align-end"><p><span class="gradients-primary-1-text text-weight-xbold">Try Studio</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
7279ox="0 0 11 11" fill="none"> 7280 <path d="M10.5839 6.54248C10.5839 7.09476 10.1361 7.54248 9.58386 7.54248H9.42887C8.87658 7.54248 8.42887 7.09476 8.42887 6.54248V3.67864L1.81657 10.2909C1.42605 10.6815 0.792881 10.6815 0.402357 10.2909L0.292923 10.1815C-0.0976016 9.79098 -0.0976021 9.15782 0.292922 8.76729L6.90522 2.15499H4.04138C3.4891 2.15499 3.04138 1.70728 3.04138 1.15499V1C3.04138 0.447715 3.4891 0 4.04138 0H9.58386C10.1361 0 10.5839 0.447715 10.5839 1V6.54248Z" fill="url(#paint0_linear_778_6667)"/> 7281 <defs> 7282 <linearGradient id="paint0_linear_778_6667" x1="-0.414185" y1="5.49902" x2="10.5839" y2="5.49902" gradientUnits="userSpaceOnUse"> 7283 <stop stop-color="#FC6337"/> 7284 <stop offset="1" stop-color="#C516E1"/> 7285 </linearGradient> 7286 </defs> 7287</svg></div></div></a></div></div></div><div class="integration_card ent-card"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/694103bd0bf38a90855bc8ac_Murf%20Logos%20-%20Color%20(2).webp" loading="lazy" alt="" class="icon-height-small"/><div class="margin-top margin-small"><p class="text-low-contrast">The fastest text-to-speech API. Now ranked among the most natural.<br/></p></div><div class="margin-top margin-custom2"><div class="text-align-right"><a href="https://murf.ai/api/signup" class="w-inline-block"><div class="flex-container gap-5px align-end"><p><span class="gradients-primary-1-text text-weight-xbold">Get API Key</span></p><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
7287ox="0 0 11 11" fill="none"> 7288 <path d="M10.5839 6.54248C10.5839 7.09476 10.1361 7.54248 9.58386 7.54248H9.42887C8.87658 7.54248 8.42887 7.09476 8.42887 6.54248V3.67864L1.81657 10.2909C1.42605 10.6815 0.792881 10.6815 0.402357 10.2909L0.292923 10.1815C-0.0976016 9.79098 -0.0976021 9.15782 0.292922 8.76729L6.90522 2.15499H4.04138C3.4891 2.15499 3.04138 1.70728 3.04138 1.15499V1C3.04138 0.447715 3.4891 0 4.04138 0H9.58386C10.1361 0 10.5839 0.447715 10.5839 1V6.54248Z" fill="url(#paint0_linear_778_6667)"/> 7289 <defs> 7290 <linearGradient id="paint0_linear_778_6667" x1="-0.414185" y1="5.49902" x2="10.5839" y2="5.49902" gradientUnits="userSpaceOnUse"> 7291 <stop stop-color="#FC6337"/> 7292 <stop offset="1" stop-color="#C516E1"/> 7293 </linearGradient> 7294 </defs> 7295</svg></div></div></a></div></div></div></div></div></div></div></div></section><section itemscope="-" itemtype="https://schema.org/FAQPage" class="section_get-in-touch"><div class="padding-global"><div class="container-large"><div class="padding-section-medium bottom"><div class="_2-col-layout for-mobile"><div id="w-node-_50d8d8b7-7ca2-0b88-0042-c2b495646dcc-84a2a6be" class="margin-bottom"><h2 class="heading-style-h3">FAQs</h2><div class="margin-top margin-small _14px"><p id="faq" class="subheading text-color-gray">For any further questions,â¨<br/>send us a message at <a href="mailto:[email protected]" class="underline skip_ink text-low-contrast">[email protected]</a></p></div></div><div class="fs-styleguide_1-col for-home only-tab"><div class="faq-wrapper v2 w-dyn-list"><div role="list" class="faq-collection w-dyn-items"><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">What is an AI generated voice?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>An AI voice, or computer generated voice, is synthesized speech created by artificial intelligence, mimicking human speech patterns, and used in various applications like professional narration and customer service. Tools like Murf AI use advanced text to speech technology to generate natural-sounding AI voices.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">How Does AI Voice Technology Work?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><ul role="list"><li><strong>Text Analysis: </strong>The AI system standardizes and analyzes written content by identifying sentence structure, word boundaries, and punctuation, while interpreting context to determine tone, emotion, and expressions for speech that's both relevant and emotionally accurate.</li><li><strong>Phonetic Synthesis: </strong>The AI then breaks down each word into its phonetic components, accounting for variations in rhythm, intonation, and pronunciation based on the context, accent, and regional dialect.</li><li><strong>Voice Synthesis:</strong> Advanced neural networks synthesize the phonetic data into speech, generating a waveform that includes voice modulations like pitch,tone, and emotional control ensuring a more dynamic and engaging output.</li><li><strong>Post-Processing and output delivery: </strong>The audio is refined using noise reduction and enhancement techniques to ensure clarity and quality, and the generated audio is then exported as an audio file in the desired format for use across various applications.</li></ul></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Are AI voices safe and legally compliant?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedA
7295nswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Voice AI is generally safe and legal, but it comes with important considerations. While it offers convenience, accessibility, and efficiency, there are concerns around privacy, data security, and ethical use. These systems often require access to personal data and voice recordings, which can be vulnerable if not properly protected. Deepfake technology also introduces risks like misinformation, identity theft, and fraud.</p><p>Legality depends on factors such as copyright, consent, and intended use. Commercial use may require licensing, and replicating a real person's voice without permission can violate privacy or publicity laws. Misuse - especially for deception, is illegal in many jurisdictions.</p><p>To ensure safe and responsible use, choose reputable voice AI services that follow strict security standards, transparent data practices, and ethical guidelines. Murf is a strong example of a secure and trustworthy text to speech platform.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Which languages and accents does Murf's AI voice support?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Yes, most AI voice tools support a variety of accents and languages, allowing users to produce diverse voice overs. Murf AI supports 35+ languages that, includes English, German, French, Italian, Spanish, Russian, Portuguese, Arabic, Hindi, Tamil, Chinese, Japanese, Korean, Dutch, Danish, Finnish, Norwegian, Romania, Turkish, Polish, Bengali, Indonesian, and Scottish.</p><p>â</p><p>â</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Is AI voice speech realistic enough to create narrations?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Yes. Most AI voice tools like Murf strive for realism, offering high-quality, natural-sounding audio suitable for various applications such as brand narratives.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">How can AI voices help your business?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Synthetic voices can be used to create narrations, AI voiceovers for explainer videos, presentations, Â training content, social media content and more in just a few clicks. Businesses can use AI voice to enhance customer engagement, streamline content creation, improve accessibility, support intelligent voice bots for real-time customer interactions, and expand global reach with multilingual support across marketing, training, and customer service.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">
7295Is content generated with AI voices copyrightable?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Copyright status of AI-generated content varies worldwide. In the United States for instance, it has been clarified that works created by a human author meet the requirement. This means that AI-generated content without any human creative input or intervention may not be eligible for copyright protection under current US law.</p><p>â</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Can I use AI voices for commercial use and Youtube videos?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Yes, you can use content generated with Murfâs AI voices for commercial uses. Murf provides commercial rights for voiceovers, allowing you to use them in Youtube videos or on other platforms. As long as the text you provide is original and does not infringe on existing copyrights, you can monetize the content without issues.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Is Murf's AI voice free to use?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Murf offers both free and paid plans. The free plan typically provides access to basic features and a limited 10-minute voice generation time, which can be useful for small projects or personal use. However, for more extensive use, including higher quality voices, advanced key features, and commercial rights, Murf AI offers various paid plans. Please note that the free plan does not include a commercial license</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">What is the difference between a human voice and AI voice?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>AI generated voice can sound monotonous and robotic, lacking human nuances and emotion. They are generated using sophisticated algorithms and neural networks trained on extensive datasets of human speech, resulting in consistent and customizable outputs. AI custom voices are ideal for applications requiring high volume and uniformity, such as virtual assistants and automated customer service, and can be produced on-demand at a lower cost.</p><p>Human voices, on the other hand, offer rich expressiveness and variability, making them more engaging and relatable, especially in contexts where emotional connection is crucial. While AI voices are scalable and cost-effective, human voices are valued for their authenticity and ability to convey genuine emotions.</p><p>â</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Does Murf offer weekly demos or training materials?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedA
7295nswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Murf provides resources like demos and training materials to help users familiarize themselves with its AI voice capabilities and optimize their use.</p><p>â</p><p>â</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Do you have free different voices to download?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>No, Murf voices can only be downloaded with paid plans.</p><p>â</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Can I use Murf to record my voice over?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Yes. Murf Speech Gen 2 now supports a âSay it My Way' feature that lets you record a rendition of your own voice, directing the AI model to reflect your tone, style, and inflections in the generated speech. </p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">How is voice generation time calculated?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p><a href="https://help.murf.ai/what-is-voice-generation-time-vgt" target="_blank"><strong>Voice generation time</strong></a>  is calculated as the sum of generated speech lengths for every sub block. It is consumed every time you render a newly created sub-block or modify text in an existing sub-block. Unlimited voice generation is usually only available in paid plans. </p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">How do I reach your team?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>You can reach out to us by either clicking on the chat button at the bottom right corner of this page, or sending us your query at <a href="mailto:[email protected]"><strong>[email protected]</strong></a>.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Can I buy a plan for one month? </h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedA
7295nswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Yes, we offer monthly plans that auto-renew. You can <a href="https://help.murf.ai/cancelling-a-murf-subscription"><strong>cancel the subscription</strong></a> before the billing date for it to end.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Can I collaborate with my team on Murf?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>All of our paid plans allow you to create a separate workspace for your team where you can collaborate on projects. To know more about these plans, check out our <a href="https://murf.ai/pricing"><strong>pricing</strong></a> page.</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">Why should I use AI voice technology instead of hiring voice artists?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Using AI voice technology simplifies the process of creating voiceovers. It gives you full control over the process and allows you to directly convert your home recordings or scripts into professional voiceovers. You can create high-quality audio without investing in expensive equipment, studio recordings, or lengthy production workflows. AI text to speech is time and cost-effective while retaining the quality of your voice overs.</p><p>â</p><p>â</p></div></div></div><div itemtype="https://schema.org/Question" itemscope="-" itemprop="mainEntity" data-w-id="50d8d8b7-7ca2-0b88-0042-c2b495646dd7" role="listitem" class="faq-item v2 w-dyn-item"><div class="faq-item_ques"><h3 id="faq-home" itemprop="name" class="body">What is the future of AI voices?</h3><img width="24" height="24" alt="" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69415520c0df0614abaf58ea_Frame%201171284885.webp" loading="lazy" class="faq-item-arrow"/></div><div itemtype="https://schema.org/Answer" itemscope="-" itemprop="acceptedAnswer" class="faq-item-ans"><div itemprop="text" class="faq-answer v2 w-richtext"><p>Voice AI is rapidly evolving to become the new standard for interaction, with smarter, more personalized, and seamlessly integrated voice agents. The future includes advanced speech recognition, multilingual support, realistic voice cloning, and increased collaboration between humans and AI. Some tools after voice cloning as an additional feature. </p><p>â</p></div></div></div></div></div><div id="faq-more-link" class="faq-more-wrapper v2"><p><span class="gradients-primary-1-text text-weight-xbold">View more questions</span></p><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/69429de57a25e56b70ad10f8_Frame%201171284929.webp" loading="lazy" alt="" class="icon-1x1-small"/></div></div></div></div></div></div><div class="hide w-embed w-script"><style> 7296#api-text { 7297 color: var(--SymenticColors-Text-Main-Mid-Contrast, rgba(255, 255, 255, 0.70)) !important; 7298 font-family: var(--Typography-font-family-Subheading, Inter) !important; 7299 font-size: 18px !important; 7300 font-style: normal !important; 7301 font-weight: 500 !important; 7302 line-height: 140% !important; 7303 letter-spacing: -0.6px !important; 7304} 7305 7306#dub-text { 7307 color: var(--SymenticColors-Text-Main-Mid-Contrast, rgba(255, 255, 255, 0.70)) !important; 7308 font-family: var(--Typography-font-family-Subheading, Inter) !important; 7309 font-size: 18px !important; 7310 font-style: normal !important; 7311 font-weight: 400 !important; 7312 line-height: 140% !important;
7313 letter-spacing: -0.841px !important; 7314} 7315 7316#studio-text { 7317 color: var(--SymenticColors-Text-Main-Mid-Contrast, rgba(29, 17, 54, 0.70)) !important; 7318 font-family: var(--Typography-font-family-Subheading, Inter) !important; 7319 font-size: 18px !important; 7320 font-style: normal !important; 7321 font-weight: 400 !important; 7322 line-height: 140% !important; 7323 letter-spacing: -0.841px !important; 7324} 7325</style> 7326 7327 7328 7329 7330<style> 7331.faq-answer.v2 { 7332 cursor: default; 7333} 7334#faq { 7335 color: var(--SymenticColors-Text-Main-Low-Contrast, rgba(29, 17, 54, 0.50)) !important; 7336 font-family: var(--Typography-font-family-Subheading, Inter) !important; 7337 font-size: 20px !important; 7338 font-style: normal !important; 7339 font-weight: 400 !important; 7340 line-height: 140% !important; /* 28px */ 7341 letter-spacing: -0.841px !important; 7342} 7343</style>
7344<script> 7345document.querySelectorAll('.faq-answer.v2').forEach(function(ans) { 7346 ans.addEventListener('click', function(e) { 7347 e.stopPropagation(); 7348 }); 7349}); 7350</script>
7350</div></section></div><section smoothing="0.8" topLeftRadius="110" topRightRadius="110" bottomRightRadius="0" bottomLeftRadius="0"><div class="section-above-footer"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="final-cta-flex"><div class="text-align-center desktop"><p class="heading-style-h4">The Complete AI Voice Platform</p><div class="margin-top margin-small"><p class="body">Murf AI helps developers, creators, and enterprises build production-grade voice agents and studio-quality content on proprietary speech models and infrastructure. Trusted by 10M+ users and 300+ Forbes 2000 companies across 190+ countries.</p></div></div><div class="final-ctas"><a data-wf--new-design-system-variables--button--variant="primary" href="https://murf.ai/ai-voice-agent" target="_blank" class="new-design-system-variables--button w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner"><div class="new-design-system-variables--g-button-text w-variant-f6eb9537-3ecc-87e1-df47-43eb9ab52191">See Demo</div></div></div></a><a id="voice-agent-form-button" data-wf--new-design-system-variables--button--variant="secondary" href="https://murf.ai/ai-voice-agent?openPopup=true" target="_blank" class="new-design-system-variables--button w-variant-867881c7-aa90-a620-fd08-61945f495543 w-inline-block"><div class="w-layout-vflex"><div class="new-design-system-variables--g-button-inner w-variant-867881c7-aa90-a620-fd08-61945f495543"><div class="new-design-system-variables--g-button-text">Contact Sales</div></div></div></a><div class="hide w-embed w-script">
7350<script> 7351document.addEventListener("DOMContentLoaded", function () { 7352 const btn = document.getElementById("voice-agent-form-button"); 7353 if (!btn) return; // button not present on this page, do nothing 7354 7355 btn.addEventListener("click", function (e) { 7356 e.preventDefault(); 7357 7358 const baseHref = btn.getAttribute("href"); 7359 if (!baseHref) return; 7360 7361 const destUrl = new URL(baseHref, window.location.origin); 7362 7363 // Source page (raw pathname, per Option A) 7364 destUrl.searchParams.set("page-source", window.location.pathname); 7365 7366 // Forward ALL utm_* params from the current page 7367 const currentParams = new URLSearchParams(window.location.search); 7368 currentParams.forEach(function (value, key) { 7369 if (key.startsWith("utm_")) { 7370 destUrl.searchParams.set(key, value); 7371 } 7372 }); 7373 7374 window.location.href = destUrl.toString(); 7375 }); 7376}); 7377</script>
7377</div></div></div></div></div></div></div><div class="section_footer"><div class="padding-global"><div class="container-large"><div class="footer_head"><a href="/" aria-current="page" class="nav_brand w-nav-brand w--current"><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/66bb1f44d832debb33fe65c3_Logo.svg" alt="Versatile AI voice generator & Text to Speech software" class="nav_logo"/></a><div class="footer_social"><a href="mailto:[email protected]" class="footer_social_item w-inline-block"><div rel="nofollow" aria-label="Murf twitter follow icon" class="icon-1x1-medium w-embed"><svg aria-hidden="true" role="img" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 7378 <title>Mail icon</title> 7379 <path d="M21.1429 0H2.85714C2.09938 0 1.37266 0.371951 0.836838 1.03403C0.30102 1.69611 0 2.59408 0 3.5304V20.4763C0 21.4126 0.30102 22.3106 0.836838 22.9727C1.37266 23.6347 2.09938 24.0067 2.85714 24.0067H21.1429C21.9006 24.0067 22.6273 23.6347 23.1632 22.9727C23.699 22.3106 24 21.4126 24 20.4763V3.5304C24 2.59408 23.699 1.69611 23.1632 1.03403C22.6273 0.371951 21.9006 0 21.1429 0ZM12 14.8076L4.35429 7.96457L4.98286 6.79248L12 12.6815L19.0171 6.79248L19.6457 7.96457L12 14.8076Z" fill="currentColor"/> 7380</svg></div></a><a href="https://twitter.com/intent/follow?screen_name=MURFAISTUDIO" class="footer_social_item w-inline-block"><div rel="nofollow" aria-label="Murf twitter follow icon" class="icon-1x1-medium w-embed"><svg aria-hidden="true" role="img" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>X icon</title><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg></div></a><a href="https://discord.gg/jURWSjARb5" class="footer_social_item w-inline-block"><div rel="nofollow" aria-label="Murf discord follow icon" class="icon-1x1-medium w-embed"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" role="img" fill="none" xmlns="http://www.w3.org/2000/svg"> 7381<title> 7382Discord icon 7383</title> 7384<g>
7385<path d="M20.317 4.15557C18.7873 3.45369 17.147 2.93658 15.4319 2.6404C15.4007 2.63469 15.3695 2.64897 15.3534 2.67754C15.1424 3.05276 14.9087 3.54225 14.7451 3.927C12.9004 3.65083 11.0652 3.65083 9.25832 3.927C9.09465 3.5337 8.85248 3.05276 8.64057 2.67754C8.62449 2.64992 8.59328 2.63564 8.56205 2.6404C6.84791 2.93563 5.20756 3.45275 3.67693 4.15557C3.66368 4.16129 3.65233 4.17082 3.64479 4.18319C0.533392 8.83155 -0.31895 13.3657 0.0991801 17.8436C0.101072 17.8655 0.11337 17.8864 0.130398 17.8997C2.18321 19.4073 4.17171 20.3225 6.12328 20.9291C6.15451 20.9386 6.18761 20.9272 6.20748 20.9015C6.66913 20.2711 7.08064 19.6063 7.43348 18.9073C7.4543 18.8664 7.43442 18.8178 7.39186 18.8016C6.73913 18.554 6.1176 18.2521 5.51973 17.9093C5.47244 17.8816 5.46865 17.814 5.51216 17.7816C5.63797 17.6873 5.76382 17.5893 5.88396 17.4902C5.90569 17.4721 5.93598 17.4683 5.96153 17.4797C9.88928 19.273 14.1415 19.273 18.023 17.4797C18.0485 17.4674 18.0788 17.4712 18.1015 17.4893C18.2216 17.5883 18.3475 17.6873 18.4742 17.7816C18.5177 17.814 18.5149 17.8816 18.4676 17.9093C17.8697 18.2588 17.2482 18.554 16.5945 18.8006C16.552 18.8168 16.533 18.8664 16.5538 18.9073C16.9143 19.6054 17.3258 20.2701 17.7789 20.9005C17.7978 20.9272 17.8319 20.9386 17.8631 20.9291C19.8241 20.3225 21.8126 19.4073 23.8654 17.8997C23.8834 17.8864 23.8948 17.8664 23.8967 17.8445C24.3971 12.6676 23.0585 8.17064 20.3482 4.18414C20.3416 4.17082 20.3303 4.16129 20.317 4.15557ZM8.02002 15.117C6.8375 15.117 5.86313 14.0313 5.86313 12.6981C5.86313 11.3648 6.8186 10.2791 8.02002 10.2791C9.23087 10.2791 10.1958 11.3743 10.1769 12.6981C10.1769 14.0313 9.22141 15.117 8.02002 15.117ZM15.9947 15.117C14.8123 15.117 13.8379 14.0313 13.8379 12.6981C13.8379 11.3648 14.7933 10.2791 15.9947 10.2791C17.2056 10.2791 18.1705 11.3743 18.1516 12.6981C18.1516 14.0313 17.2056 15.117 15.9947 15.117Z" fill="currentColor"/> 7386</g> 7387</svg></div></a><a href="https://www.instagram.com/murfaistudio/" class="footer_social_item w-inline-block"><div rel="nofollow" aria-label="Murf instagram follow icon" class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" role="img"> 7388 <title>Instagram icon</title> 7389 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/> 7390</svg></div></a><a href="https://www.linkedin.com/company/murf-ai" class="footer_social_item w-inline-block"><div rel="nofollow" aria-label="Murf linkedin follow icon" class="icon-1x1-medium w-embed"><svg aria-hidden="true" role="img" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></div></a><a href="https://www.youtube.com/channel/UCN4SZLCIuSKaLwQuDHR9evg" class="footer_social_item w-inline-block"><div rel="nofollow" aria-label="Murf youtube follow icon" class="icon-1x1-medium w-embed"><svg aria-hidden="true" role="img" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>YouTube icon</title><path d="M23.499 6.203a3.008 3.008 0 00-2.089-2.089c-1.87-.501-9.4-.501-9.4-.501s-7.509-.01-9.399.501a3.008 3.008 0 00-2.088 2.09A31.258 31.26 0 000 12.01a31.258 31.26 0 00.523 5.785 3.008 3.008 0 002.088 2.089c1.869.502 9.4.502 9.4.502s7.508 0 9.399-.502a3.008 3.008 0 002.089-2.09 31.258 31.26 0 00.5-5.784 31.258 31.26 0 00-.5-5.808zm-13.891 9.4V8.407l6.266 3.604z"/></svg></div></a></div></div><div class="footer_body"><div class="footer_body_item _w-full"><div class="footer_body_item_title text-size-medium">Address</div><div class="footer_body_links single-column">
7390<a href="#" class="footer_body_link w-inline-block"><div>535 Mission Street, San Francisco, California 94105, USA</div></a></div></div><div class="footer_body_item"><div class="footer_body_item_title text-size-medium">Important Links</div><div class="footer_body_links"><a href="/partner-with-us/affiliate" class="footer_body_link w-inline-block"><div>Affiliates Partner Program</div></a><a href="/partner-with-us/reseller" class="footer_body_link w-inline-block"><div>Global Reseller Program</div></a><a href="/partner-with-us/voice-actors" class="footer_body_link w-inline-block"><div>Voice Actor Partnerships</div></a><a href="/blog" class="footer_body_link w-inline-block"><div>Blog</div></a><a href="https://help.murf.ai/" class="footer_body_link w-inline-block"><div>Help Center</div></a><a href="/startup-program" class="footer_body_link w-inline-block"><div>Startup Incubator Program</div></a><a href="/contact" class="footer_body_link w-inline-block"><div>Contact Us</div></a><a href="/legal/impressum" class="footer_body_link w-inline-block"><div>Impressum</div></a><a href="/about" class="footer_body_link w-inline-block"><div>About Us</div></a><a href="/ethical-ai" class="footer_body_link w-inline-block"><div>Ethical AI</div></a><a id="footer-cookie-preferences" href="#" class="footer_body_link w-inline-block"><div>Cookie Preferences</div></a><a href="/security" class="footer_body_link w-inline-block"><div>Security</div></a><a href="/legal" class="footer_body_link w-inline-block"><div>Legal</div></a></div></div><div class="footer_body_item"><div class="footer_body_item_title text-size-medium">Products</div><div class="footer_body_links"><a href="/text-to-speech" class="footer_body_link w-inline-block"><div>Text to speech</div></a><a href="/ai-voice-generator" target="_blank" class="footer_body_link w-inline-block"><div>AIÂ Voice Generator</div></a><a href="/ai-voice-agent" class="footer_body_link w-inline-block"><div>AI Voice Agent</div></a><a href="/ai-voice-agent/ai-receptionist" target="_blank" class="footer_body_link w-inline-block"><div>AI Receptionist</div></a><a href="https://murf.ai/falcon" class="footer_body_link w-inline-block"><div>Murf Falcon</div></a><a href="/ai-voice-agent/ai-call-center" target="_blank" class="footer_body_link w-inline-block"><div>AI Call Center</div></a><a href="/ai-voice-agent/ai-cold-calling" target="_blank" class="footer_body_link w-inline-block"><div>AI Cold Calling</div></a><a href="/ai-sdr" target="_blank" class="footer_body_link w-inline-block"><div>AI SDR</div></a><a href="/ai-sales-agent" class="footer_body_link w-inline-block"><div>AI Sales Agent</div></a><a href="/ai-customer-service" class="footer_body_link w-inline-block"><div>AIÂ Customer Service</div></a><a href="/ai-dubbing" class="footer_body_link w-inline-block"><div>AI Dubbing</div></a><a href="https://murf.ai/falcon/benchmarks" class="footer_body_link w-inline-block"><div>TTS Benchmarks</div></a><a href="https://murf.ai/falcon/savings-calculator" class="footer_body_link w-inline-block"><div>Savings Calculator</div></a><a href="/conversational-ai" class="footer_body_link w-inline-block"><div>Conversational AI</div></a><a href="/api" class="footer_body_link w-inline-block"><div>Text to Speech API</div></a><a href="/voice-editing" class="footer_body_link w-inline-block"><div>Transcription</div></a><a href="/voice-cloning" class="footer_body_link w-inline-block"><div>
7390Voice Cloning</div></a><a href="/voice-over-video" class="footer_body_link w-inline-block"><div>Voice over Video</div></a><a href="/integrations/google-slides" class="footer_body_link w-inline-block"><div>Voice over Google Slides</div></a><a href="/integrations/powerpoint" class="footer_body_link w-inline-block"><div>Voice over Powerpoint</div></a><a href="/voice-changer" class="footer_body_link w-inline-block"><div>Voice Changer</div></a><a href="/text-to-speech/accent-generator" class="footer_body_link w-inline-block"><div>Accent Generator</div></a><a href="/integrations/canva" class="footer_body_link w-inline-block"><div>Canva add-on</div></a><a href="/speech-to-text" class="footer_body_link w-inline-block"><div>Speech to text</div></a><a href="/audio-to-text-converter" class="footer_body_link w-inline-block"><div>Audio to text converter</div></a><a href="/tools/audio-translator" class="footer_body_link w-inline-block"><div>Audio Translator</div></a><a href="/tools/video-translator" class="footer_body_link w-inline-block"><div>Video Translator</div></a><a href="/tools/text-translator" class="footer_body_link w-inline-block"><div>Text Translator</div></a><a href="https://murf.ai/voice-styles" class="footer_body_link w-inline-block"><div>Voice Styles</div></a></div></div><div class="footer_body_item _w-full"><div class="footer_body_item_title text-size-medium">How to create</div><div class="footer_body_links tablet-grid"><a href="/voiceover/elearning" class="footer_body_link w-inline-block"><div>E-Learning</div></a><a href="/voiceover/advertising" class="footer_body_link w-inline-block"><div>Advertisements</div></a><a href="/voiceover/explainer-videos" class="footer_body_link w-inline-block"><div>Explainer Videos</div></a><a href="/voiceover/presentations" class="footer_body_link w-inline-block"><div>Presentations</div></a><a href="/voiceover/audiobooks" class="footer_body_link w-inline-block"><div>Audiobooks</div></a><a href="/voiceover/product-demos" class="footer_body_link w-inline-block"><div>Product Demos</div></a><a href="/voiceover/youtube-videos" class="footer_body_link w-inline-block"><div>Youtube Videos</div></a><a href="/voiceover/podcast" class="footer_body_link w-inline-block"><div>Podcasts</div></a><a href="/voiceover/spotify-ads" class="footer_body_link w-inline-block"><div>Spotify Ads</div></a><a href="/voiceover/ivr-voice" class="footer_body_link w-inline-block"><div>IVR Voices</div></a><a href="/voiceover/video-game" class="footer_body_link w-inline-block"><div>Video Games</div></a><a href="/voiceover/animation" class="footer_body_link w-inline-block"><div>Animation Videos</div></a><a href="/voiceover/training-videos" class="footer_body_link w-inline-block"><div>Training Videos</div></a><a href="/voiceover/documentary" class="footer_body_link w-inline-block"><div>Documentary</div></a><a href="/voiceover/social-media-videos" class="footer_body_link w-inline-block"><div>Social Media Videos</div></a><a href="/voiceover/learning-and-development-videos" class="footer_body_link w-inline-block"><div>Learning and Development Videos</div></a></div></div></div><div class="footer_terms"><div class="footer_terms_title"><div class="footer_body_item_title">© <span qq-text="current-year">2026</span> Murf AI. All right reserved</div></div><div class="footer_terms_block"><p class="opacity-30 margin-0 font-light">Keeping your data safe</p><div class="footer_terms_images"><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/66de076f8f9acff582956ab7_Group%201171282884.svg" loading="lazy" alt=""/><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/66de07706644c088fa62a48b_Group%201171282885.svg" loading="lazy" alt=""/><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/66ff8e11e40cafd1f09b6da8_ISO.svg" loading="lazy" width="48" height="48" alt=""/><img src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67c1b81bf6a1f5e57ca054db_ccpa%20compliant.webp" loading="lazy" width="48" height="48" alt="" srcset="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67c1b81bf6a1f5e57ca054db_ccpa%20compliant-p-500.webp 500w, https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67c1b81bf6a1f5e57ca054db_ccpa%20compliant.webp 600w" sizes="(max-width: 479px) 100vw, 48px"/></div></div></div></div></div></div></section><div class="essentials"><div class="global-styles w-embed"><style> 7391 7392 /* Make text look crisper and more legible in all browsers */ 7393 body { 7394 -webkit-font-smoothing: antialiased; 7395 -moz-osx-font-smoothing: grayscale; 7396 font-smoothing: antialiased; 7397 text-rendering: optimizeLegibility; 7398 } 7399 7400 /* Focus state style for keyboard navigation for the focusable elements */ 7401 *[tabindex]:focus-visible, 7402 input[type="file"]:focus-visible { 7403 outline: 0.125rem solid #4d65ff; 7404 outline-offset: 0.125rem; 7405 } 7406 7407 /* Set color style to inherit */ 7408 .inherit-color * { 7409 color: inherit; 7410 } 7411 7412 /* Get rid of top margin on first element in any rich text element */ 7413 .w-richtext > :not(div):first-child, .w-richtext >
7413 div:first-child > :first-child { 7414 margin-top: 0 !important; 7415 } 7416 7417 /* Get rid of bottom margin on last element in any rich text element */ 7418 .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 7419 margin-bottom: 0 !important; 7420 } 7421 7422 7423 /* Make sure containers never lose their center alignment */ 7424 .container-medium,.container-small, .container-large { 7425 margin-right: auto !important; 7426 margin-left: auto !important; 7427 } 7428 7429 /* 7430 Make the following elements inherit typography styles from the parent and not have hardcoded values. 7431 Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 7432 Uncomment this CSS to use it in the project. Leave this message for future hand-off. 7433 */ 7434 /* 7435 a, 7436 .w-input, 7437 .w-select, 7438 .w-tab-link, 7439 .w-nav-link, 7440 .w-dropdown-btn, 7441 .w-dropdown-toggle, 7442 .w-dropdown-link { 7443 color: inherit; 7444 text-decoration: inherit; 7445 font-size: inherit; 7446 } 7447 */ 7448 7449 /* Apply "..." after 3 lines of text */ 7450 .text-style-3lines { 7451 display: -webkit-box; 7452 overflow: hidden; 7453 -webkit-line-clamp: 3; 7454 -webkit-box-orient: vertical; 7455 } 7456 7457 /* Apply "..." after 2 lines of text */ 7458 .text-style-2lines { 7459 display: -webkit-box; 7460 overflow: hidden; 7461 -webkit-line-clamp: 2; 7462 -webkit-box-orient: vertical; 7463 } 7464 7465 /* These classes are never overwritten */ 7466 .hide { 7467 display: none !important; 7468 } 7469 7470 @media screen and (max-width: 991px) { 7471 .hide, .hide-tablet { 7472 display: none !important; 7473 } 7474 } 7475 @media screen and (max-width: 767px) { 7476 .hide-mobile-landscape{ 7477 display: none !important; 7478 } 7479 } 7480 @media screen and (max-width: 479px) { 7481 .hide-mobile{ 7482 display: none !important; 7483 } 7484 } 7485 7486 .margin-0 { 7487 margin: 0rem !important; 7488 } 7489 7490 .padding-0 { 7491 padding: 0rem !important; 7492 } 7493 7494 .spacing-clean { 7495 padding: 0rem !important; 7496 margin: 0rem !important; 7497 } 7498 7499 .margin-top { 7500 margin-right: 0rem !important; 7501 margin-bottom: 0rem !important; 7502 margin-left: 0rem !important; 7503 } 7504 7505 .padding-top { 7506 padding-right: 0rem !important; 7507 padding-bottom: 0rem !important; 7508 padding-left: 0rem !important; 7509 } 7510 7511 .margin-right { 7512 margin-top: 0rem !important; 7513 margin-bottom: 0rem !important; 7514 margin-left: 0rem !important; 7515 } 7516 7517 .padding-right { 7518 padding-top: 0rem !important; 7519 padding-bottom: 0rem !important; 7520 padding-left: 0rem !important; 7521 } 7522 7523 .margin-bottom { 7524 margin-top: 0rem !important; 7525 margin-right: 0rem !important; 7526 margin-left: 0rem !important; 7527 } 7528 7529 .padding-bottom { 7530 padding-top: 0rem !important; 7531 padding-right: 0rem !important; 7532 padding-left: 0rem !important; 7533 } 7534 7535 .margin-left { 7536 margin-top: 0rem !important; 7537 margin-right: 0rem !important; 7538 margin-bottom: 0rem !important; 7539 } 7540 7541 .padding-left { 7542 padding-top: 0rem !important; 7543 padding-right: 0rem !important; 7544 padding-bottom: 0rem !important; 7545 } 7546 7547 .margin-horizontal { 7548 margin-top: 0rem !important; 7549 margin-bottom: 0rem !important; 7550 } 7551 7552 .padding-horizontal { 7553 padding-top: 0rem !important; 7554 padding-bottom: 0rem !important; 7555 } 7556 7557 .margin-vertical { 7558 margin-right: 0rem !important; 7559 margin-left: 0rem !important; 7560 } 7561 7562 .padding-vertical { 7563 padding-right: 0rem !important; 7564 padding-left: 0rem !important; 7565 } 7566 7567 .qq-2-col h4 { 7568 margin-top: 0rem !important; 7569 } 7570 7571 .qq-2-col p { 7572 margin-bottom: 0rem !important; 7573 } 7574 7575 .thead > .tr { 7576 padding: 0 !important; 7577 background-color: transparent !important; 7578 border-radius: 0px !important; 7579 } 7580 7581</style></div><div class="hide"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 185 232" fill="none" class="svg-filter"><filter x="0.534413" y="0.534413" width="183.931" height="230.931" rx="24.4656" id="round-filter"></filter><filter></filter></svg></div><div class="hide w-embed w-script"><!-- EPYC Slider: Swiper.js Attributes for Webflow --> 7582<link 7583 rel="stylesheet" 7584 href="https://cdn.jsdelivr.net/npm/@teamepyc/[email protected]/dist/swiper/index.css" 7585 fetchpriority="low" 7586 />
7587<script defer src="https://cdn.jsdelivr.net/npm/@teamepyc/[email protected]/dist/swiper/index.js"></script>
7587 7588 7589<style> 7590 .swiper.tool-slider{ 7591 overflow: visible; 7592 } 7593 .swiper-slide{ 7594 height: auto !important; 7595 } 7596</style></div><div class="hide w-embed w-script"><style> 7597 .mpq-side-item .mpq-icon-wrapper svg { 7598 opacity: .5; 7599 transition: all .3s; 7600 } 7601 .mpq-side-item .mpq-icon-wrapper svg circle { 7602 opacity: 0; 7603 transition: all .3s; 7604 } 7605 .mpq-side-item-active .mpq-icon-wrapper svg circle, 7606 .mpq-side-item:hover .mpq-icon-wrapper svg circle { 7607 opacity: 1; 7608 } 7609 .mpq-side-item-active .mpq-icon-wrapper svg, 7610 .mpq-side-item:hover .mpq-icon-wrapper svg { 7611 opacity: 1; 7612 } 7613 .mpq-side-item:hover .mpq-anchors-title { 7614 opacity: 1; 7615 } 7616 .mpq-anchors-title.mpq-anchors-title-active{ 7617 opacity: 1; 7618 } 7619 .mpq-side-item:last-child .mpq-menu-item-divider { 7620 display: none; 7621 } 7622</style> 7623
7624<script> 7625 document.addEventListener("DOMContentLoaded", () => { 7626 const sideItems = document.querySelectorAll(".mpq-side-item"); 7627 const contentItems = document.querySelectorAll(".mpq-collection-item"); 7628 7629 if (sideItems.length && contentItems.length) { 7630 sideItems.forEach((sideItem, index) => { 7631 sideItem.addEventListener('click', () => { 7632 const targetItem = contentItems[index]; 7633 if (targetItem) { 7634 targetItem.scrollIntoView({ behavior: 'smooth', block: 'start' }); 7635 } 7636 }); 7637 }); 7638 7639 const observer = new IntersectionObserver((entries) => { 7640 entries.forEach(entry => { 7641 if (entry.isIntersecting) { 7642 const index = [...contentItems].indexOf(entry.target); 7643 if (index > -1) { 7644 sideItems.forEach(item => item.classList.remove('mpq-side-item-active')); 7645 sideItems[index].classList.add('mpq-side-item-active'); 7646 7647 sideItems.forEach(item => { 7648 const anchorTitle = item.querySelector('.mpq-anchors-title'); 7649 if (anchorTitle) { 7650 anchorTitle.classList.remove('mpq-anchors-title-active'); 7651 } 7652 }); 7653 7654 const activeAnchor = sideItems[index].querySelector('.mpq-anchors-title'); 7655 if (activeAnchor) { 7656 activeAnchor.classList.add('mpq-anchors-title-active'); 7657 } 7658 } 7659 } 7660 }); 7661 }, { threshold: 0.2 }); 7662 7663 contentItems.forEach(item => observer.observe(item)); 7664 } 7665 }); 7666</script>
7666 7667
7668<script> 7669 document.querySelectorAll('[qq-rt-element="rich-text"]').forEach(element => { 7670 element.innerHTML = element.innerHTML 7671 .replace(/<p>\{\{qq-2-col-ul-start\}\}<\/p>\s*(<ul[^>]*role="list"[^>]*>)\s*/g, '<ul role="list" class="qq-2-col-ul">') 7672 .replace(/<\/ul>\s*<p>\{\{qq-2-col-ul-end\}\}<\/p>/g, '</ul>') 7673 .replace(/<p>\{\{qq-2-col-item-start\}\}<\/p>/g, '<div>') 7674 .replace(/<p>\{\{qq-2-col-item-end\}\}<\/p>/g, '</div>') 7675 .replace(/<p>\{\{qq-2-col-start\}\}<\/p>/g, '<div class="qq-2-col">') 7676 .replace(/<p>\{\{qq-2-col-end\}\}<\/p>/g, '</div>'); 7677 }); 7678</script>
7678</div><div class="hide w-embed w-script"><style> 7679 .faq-item { 7680 display: none; 7681 } 7682 7683 .faq-item:nth-child(1), 7684 .faq-item:nth-child(2), 7685 .faq-item:nth-child(3), 7686 .faq-item:nth-child(4), 7687 .faq-item:nth-child(5), 7688 .faq-item:nth-child(6), 7689 .faq-item:nth-child(7) { 7690 display: block; 7691 } 7692</style> 7693
7694<script> 7695 document.addEventListener('DOMContentLoaded', function () { 7696 const faqItems = document.querySelectorAll('.faq-item'); 7697 const faqMore = document.querySelector('#faq-more-link'); 7698 7699 if (faqItems.length < 7) { 7700 // Hide the "more" link if there are fewer than 7 FAQ items 7701 if (faqMore) { 7702 faqMore.style.display = 'none'; 7703 } 7704 } else if (faqMore) { 7705 // Add event listener to show all items and hide the "more" link 7706 faqMore.addEventListener('click', function (e) { 7707 e.preventDefault(); 7708 7709 faqItems.forEach(item => { 7710 item.style.display = 'block'; 7711 }); 7712 7713 faqMore.style.display = 'none'; 7714 }); 7715 } 7716 }); 7717</script>
7717 7718 7719<!-- [Attributes by Finsweet] CMS Load
7720<script src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsload@1/cmsload.js"></script>
7720 --></div><div class="w-embed"><style> 7721h1, .heading-style-h1, h2, .heading-style-h2, h3, .heading-style-h3, h4, .heading-style-h4, h5, .heading-style-h5, h6, .heading-style-h6 { 7722 padding: 0rem; 7723 margin: 0rem; 7724 font-family: var(--typography--font--font-family--heading); 7725 font-weight: 400; 7726} 7727 7728h1, .heading-style-h1 { 7729 font-size: 4.5rem; 7730 letter-spacing: -0.21875rem; 7731 line-height: 1.15; 7732} 7733@media (min-width: 992px) { 7734 h1, .heading-style-h1 { 7735 font-size: clamp(4.5rem, calc(4.5rem + 0.8125vw), 4.375rem); 7736 letter-spacing: clamp(-0.16406rem, calc(-0.15938rem + -0.15188vw), -0.25rem); 7737 } 7738} 7739@media (max-width: 991px) { 7740 h1, .heading-style-h1 { 7741 font-size: clamp(3.0625rem, calc(3.0625rem + 0.5625vw), 3.625rem); 7742 letter-spacing: clamp(-0.14453rem, calc(-0.1375rem + -0.1086vw), -0.21875rem); 7743 } 7744} 7745@media (max-width: 767px) { 7746 h1, .heading-style-h1 { 7747 font-size: clamp(2.25rem, 2.375rem, 2.5625rem); 7748 letter-spacing: clamp(-0.11719rem, calc(-0.10938rem + -0.072vw), -0.1875rem); 7749 } 7750} 7751 7752h2, .heading-style-h2 { 7753 font-size: 2.625rem; 7754 letter-spacing: -0.16406rem; 7755 line-height: 1.15; 7756} 7757@media (min-width: 992px) { 7758 h2, .heading-style-h2 { 7759 font-size: clamp(2.8125rem, calc(2.8125rem + 0.625vw), 3.4375rem); 7760 letter-spacing: clamp(-0.10938rem, calc(-0.09375rem + -0.1625vw), -0.21094rem); 7761 } 7762} 7763@media (max-width: 991px) { 7764 h2, .heading-style-h2 { 7765 font-size: clamp(2.375rem, calc(2.375rem + 0.4375vw), 2.8125rem); 7766 letter-spacing: clamp(-0.09375rem, calc(-0.08125rem + -0.125vw), -0.17188rem); 7767 } 7768} 7769@media (max-width: 767px) { 7770 h2, .heading-style-h2 { 7771 font-size: clamp(1.625rem, 1.75rem, 1.875rem); 7772 letter-spacing: clamp(-0.07813rem, calc(-0.06875rem + -0.072vw), -0.14063rem); 7773 } 7774} 7775 7776h3, .heading-style-h3 { 7777 font-size: 2rem; 7778 letter-spacing: -0.125rem; 7779 line-height: 1.15; 7780} 7781@media (min-width: 992px) { 7782 h3, .heading-style-h3 { 7783 font-size: clamp(2.25rem, calc(2.25rem + 0.5vw), 2.75rem); 7784 letter-spacing: clamp(-0.08594rem, calc(-0.075rem + -0.1125vw), -0.16406rem); 7785 } 7786} 7787@media (max-width: 991px) { 7788 h3, .heading-style-h3 { 7789 font-size: clamp(1.875rem, calc(1.875rem + 0.375vw), 2.25rem); 7790 letter-spacing: clamp(-0.07031rem, calc(-0.0625rem + -0.09375vw), -0.125rem); 7791 } 7792} 7793@media (max-width: 767px) { 7794 h3, .heading-style-h3 { 7795 font-size: clamp(1.375rem, 1.4375rem, 1.625rem); 7796 letter-spacing: clamp(-0.0625rem, calc(-0.05469rem + -0.0625vw), -0.10938rem); 7797 } 7798} 7799 7800h4, .heading-style-h4 { 7801 font-size: 1.5rem; 7802 letter-spacing: -0.09375rem; 7803 line-height: 1.15; 7804} 7805@media (min-width: 992px) { 7806 h4, .heading-style-h4 { 7807 font-size: clamp(1.75rem, calc(1.75rem + 0.4375vw), 2.1875rem); 7808 letter-spacing: clamp(-0.07031rem, calc(-0.0625rem + -0.0625vw), -0.125rem); 7809 } 7810} 7811@media (max-width: 991px) { 7812 h4, .heading-style-h4 { 7813 font-size: clamp(1.375rem, calc(1.375rem + 0.3125vw), 1.6875rem); 7814 letter-spacing: clamp(-0.0625rem, calc(-0.05625rem + -0.05vw), -0.09375rem); 7815 } 7816} 7817@media (max-width: 767px) { 7818 h4, .heading-style-h4 { 7819 font-size: clamp(1.1875rem, calc(1.1875rem + 0.125rem), 1.3125rem); 7820 letter-spacing: clamp(-0.05469rem, calc(-0.04688rem + -0.03125vw), -0.07813rem); 7821 } 7822} 7823 7824h5, .heading-style-h5 { 7825 font-size: 1.1875rem; 7826 letter-spacing: -0.07422rem; 7827 line-height: 1.15; 7828} 7829@media (min-width: 992px) { 7830 h5, .heading-style-h5 { 7831 font-size: clamp(1.3125rem, calc(1.3125rem + 0.3125vw), 1.625rem); 7832 letter-spacing: clamp(-0.0625rem, calc(-0.05625rem + -0.0375vw), -0.09375rem); 7833 } 7834} 7835@media (max-width: 991px) { 7836 h5, .heading-style-h5 { 7837 font-size: clamp(1.1875rem, calc(1.1875rem + 0.1875vw), 1.375rem); 7838 letter-spacing: clamp(-0.05469rem, calc(-0.04688rem + -0.03125vw), -0.07813rem); 7839 } 7840} 7841@media (max-width: 767px) { 7842 h5, .heading-style-h5 { 7843 font-size: clamp(1.125rem, calc(1.125rem + 0.125rem), 1.25rem); 7844 letter-spacing: clamp(-0.04688rem, calc(-0.03906rem + -0.01875vw), -0.0625rem); 7845 } 7846} 7847 7848h6, .heading-style-h6 { 7849 font-size: 1rem; 7850 letter-spacing: -0.0625rem; 7851 line-height: 1.15; 7852} 7853@media (min-width: 992px) { 7854 h6, .heading-style-h6 { 7855 font-size: clamp(1rem, calc(1rem + 0.1875vw), 1.1875rem); 7856 letter-spacing: clamp(-0.05469rem, calc(-0.05rem + -0.009375vw), -0.07031rem); 7857 } 7858} 7859@media (max-width: 991px) { 7860 h6, .heading-style-h6 { 7861 font-size: clamp(1.0625rem, calc(1.0625rem + 0.125vw), 1.1875rem); 7862 letter-spacing: clamp(-0.04688rem, calc(-0.04375rem + -0.00625vw), -0.0625rem); 7863 } 7864} 7865@media (max-width: 767px) { 7866 h6, .heading-style-h6 { 7867 font-size: clamp(1.0625rem, calc(1.0625rem + 0.0625rem), 1.125rem); 7868 letter-spacing: clamp(-0.03906rem, calc(-0.03438rem + -0.003125vw), -0.05469rem); 7869 } 7870} 7871 7872.subheading { 7873 font-size: 1.125rem; 7874 font-weight: 400; 7875 letter-spacing: -0.07031rem; 7876 line-height: 1.15; 7877 margin-top: 0.25rem; 7878 margin-bottom: 0.25rem; 7879} 7880 7881.subheading-large { 7882 font-size: 1.25rem; 7883 font-weight: 400; 7884 letter-spacing: -0.07813rem; 7885 line-height: 1.15; 7886 margin-top: 0.25rem; 7887 margin-bottom: 0.25rem; 7888} 7889 7890.subheading-small {
7891 font-size: 1rem; 7892 font-weight: 400; 7893 letter-spacing: -0.0625rem; 7894 line-height: 1.15; 7895 margin-top: 0.25rem; 7896 margin-bottom: 0.25rem; 7897} 7898 7899@media (min-width: 992px) { 7900 .subheading { 7901 font-size: clamp(1.1875rem, 1.25rem, 1.375rem); 7902 } 7903 .subheading-large { 7904 font-size: clamp(1.4375rem, 1.5rem, 1.625rem); 7905 } 7906 .subheading-small { 7907 font-size: clamp(1.0625rem, 1.125rem, 1.1875rem); 7908 } 7909} 7910 7911@media (max-width: 991px) and (min-width: 768px) { 7912 .subheading { 7913 font-size: clamp(1.1875rem, 1.25rem, 1.375rem); 7914 } 7915 .subheading-large { 7916 font-size: clamp(1.0625rem, 1.125rem, 1.25rem); 7917 } 7918 .subheading-small { 7919 font-size: clamp(0.9375rem, 1rem, 1.0625rem); 7920 } 7921} 7922 7923@media (max-width: 767px) { 7924 .subheading { 7925 font-size: clamp(1.0625rem, 1.125rem, 1.25rem); 7926 } 7927 .subheading-large { 7928 font-size: clamp(0.875rem, 0.9375rem, 1rem); 7929 } 7930 .subheading-small { 7931 font-size: clamp(0.8125rem, 0.875rem, 0.9375rem); 7932 } 7933} 7934 7935 7936</style></div></div><div class="hide w-embed w-script">
7936<script> 7937(()=>{class t{constructor(t,e,s,i,a){this.x=t,this.y=e,this.width=s,this.height=i,this.maxAmp=i/1.5,this.amp=0,this.unit=this.width/12,this.yc=this.height/2,this.stroke=a}update(t){const e=t*this.maxAmp;e>this.amp?this.amp=e:this.amp<.01?this.amp=0:this.amp-=.02*this.amp}draw(t,e){const s=[["#FC6337","#C516E1"],["#FB753C","#D716E1"],["#FA8942","#E116DA"],["#F99B48","#E116C9"],["#F9AC4E","#E116B8"],["#F8BC54","#E116A7"]],i=t.createLinearGradient(this.x,this.y,this.width,this.height);let a=0;for(let e=0;e<s.length;e++)i.addColorStop(0,s[e][0]),i.addColorStop(1,s[e][1]),a=this.unit*e*this.amp/this.height,t.beginPath(),t.lineWidth=this.stroke,t.moveTo(0,this.yc),t.lineTo(this.unit,this.yc),t.bezierCurveTo(3*this.unit,this.yc,this.width/2-3*this.unit+a,this.yc-this.amp+a,this.width/2,this.yc),t.bezierCurveTo(this.width/2+3*this.unit-a,this.yc+this.amp-a,this.width-3*this.unit,this.yc,this.width-this.unit,this.yc),t.lineTo(this.width,this.yc),t.strokeStyle=i,t.stroke()}}class e{constructor(){this.script=null,this.words=[],this.currentWordIndex=0,this.player=null,this.highlighter=null}init(t,e,s){this.script="string"==typeof t?document.querySelector(t):t,this.script?(this.createScript(e),this.player=s,this.player&&this.player.addEventListener("ended",(()=>{this.reset()})),this.monitorPlayer()):console.error("Script element not found")}changeScript(t){this.cleanScriptUI(),this.createScript(t)}cleanScriptUI(){this.script.innerHTML="",this.words=[],this.reset()}reset(){if(this.currentWordIndex=0,this.script){const t=this.script.childNodes[0];t&&t.scrollTo({left:0,behavior:"auto"})}this.words?.length&&this.words.forEach((t=>{t.classList.remove("script-highlighter"),t.classList.remove("script-done"),t.removeAttribute("data-done")}))}createScript(t){const e=document.createElement("div");e.classList.add("script-words-container"),this.highlighter=document.createElement("span"),this.highlighter.style.position="absolute",this.highlighter.classList.add("script-highlighter"),e.appendChild(this.highlighter),t.forEach((t=>{const s=document.createElement("span");s.textContent=t.word,s.dataset.start=t.startMs,s.dataset.end=t.endMs,e.appendChild(s),this.words.push(s)})),this.script.innerHTML="",this.script.appendChild(e)}monitorPlayer(){this.player.addEventListener("timeupdate",(()=>{if(this.words.length>0&&!this.player.paused){const t=1e3*this.player.currentTime;this.updateCurrentWord(t)}}))}updateCurrentWord(t){if(0===this.words.length||!this.words[this.currentWordIndex])return;const e=this.words[this.currentWordIndex],s=parseFloat(e.dataset.start),i=parseFloat(e.dataset.end);t>=s&&t<=i?e.getAttribute("data-done")||(this.highlightWord(this.currentWordIndex),this.scrollToWord(e)):t>i&&(this.markWordAsDone(this.currentWordIndex),this.currentWordIndex++,this.currentWordIndex<this.words.length&&(this.highlightWord(this.currentWordIndex),this.scrollToWord(this.words[this.currentWordIndex])))}markWordAsDone(t){const e=this.words[t];e.classList.remove("script-highlighter"),e.classList.add("script-done")}highlightWord(t){const e=this.words[t];e.setAttribute("data-done","true"),this.highlighter.style.left=e.offsetLeft-2+"px";const{width:s,height:i}=e.getBoundingClientRect();this.highlighter.style.width=s+4+"px",this.highlighter.style.height=i+"px",this.markWordAsDone(t)}scrollToWord(){if(this.script&&this.highlighter){const t=this.highlighter,e=t.parentNode,s=e.clientWidth,i=e.scrollLeft,a=t.offsetLeft;a+t.offsetWidth>i+.85*s&&e.scrollTo({left:a,behavior:"smooth"})}}}class s{constructor(){this.useCaseDetailsContainer=null,this.scriptElement=null,this.script=null,this.playPauseButton=null,this.currentTimeDisplay=null,this.player=null,this.currentUseCase=null,this.currentUseCaseElement=null,this.wordsData={},this.waveformElement=null,this.waveform=null}init(){this.player=new Audio,window.playerManager&&window.playerManager.registerPlayer(this.player),this.player.crossOrigin="anonymous";const t=document.querySelector('[data-usecase-widget="true"]');this.useCaseDetailsContainer=t.querySelector('[data-usecase-details="true"]'),this.setupDetails(),this.setupUseCases(t),this.initPlayer()}initPlayer(){this.player&&(this.player.addEventListener("play",(()=>{this.togglePlayPauseIcon(this.playPauseButton,!0)})),this.player.addEventListener("pause",(()=>{this.togglePlayPauseIcon(this.playPauseButton,!1)})),this.player.addEventListener("loadedmetadata",(()=>{if(this.useCaseDetailsContainer){this.useCaseDetailsContainer.querySelector('[data-usecase-voiceover="time"]').textContent=this.formatTime(this.player.duration)}})),this.player.addEventListener("timeupdate",(()=>{this.currentTimeDisplay&&(this.currentTimeDisplay.textContent=this.formatTime(this.player.currentTime))})))}formatTime(t){const e=Math.floor(t/60),s=Math.floor(t%60);return`${e.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`}getWindowSize(){return{width:window.innerWidth,height:window.innerHeight}}togglePlayPauseIcon(t,e){if(t){const s=t.querySelector('[data-play-pause="main-play"]'),i=t.querySelector('[data-play-pause="main-pause"]');e?(s.style.display="none",i.style.display="flex"):(s.style.display="flex",i.style.display="none")}}setupUseCases(t){const{width:e}=this.getWindowSize();e<768?this.setupForSmallScreen(t):(this.setupForLargeScreen(t),this.setupSlider(t))}setupForSmallScreen(t){const e=t.querySelectorAll('[data-usecase-tabs="mobile"] [data-usecase-tab="true"]');this.initTabs(e,((t,e)=>{0===e&&this.changeUseCase(t)}))}setupForLargeScreen(t){t.querySelectorAll('[data-usecase-slide="true"]').forEach(((t,e)=>{const s=t.querySelectorAll('[data-usecase-tab="true"]');this.initTabs(s,((t,s)=>{0===s&&(0===e&&this.changeUseCase(t),this.selectTab(t))}))}))}selectTab(t){t.classList.add("w--current")}initTabs(t,e){t.forEach(((t,s)=>{const i=t.dataset.usecaseName;t.addEventListener("click",(()=>{this.currentUseCase!==i&&this.changeUseCase(t)})),e(t,s)}))}
7937setupSlider(t){const e=t.querySelector('[data-slide-left-arrow="true"]'),s=t.querySelector('[data-slide-right-arrow="true"]'),i=s=>{if(s?.disabled)return;let i=null;const a=t.querySelectorAll('[data-usecase-slide="true"]');if(a.forEach(((t,r)=>{t.classList.contains("swiper-slide-active")&&(i=s===e?a[r-1]:a[r+1])})),i){const t=i.querySelector('[data-usecase-tab="true"].w--current');t&&t.dataset.usecaseName!==this.currentUseCase&&this.changeUseCase(t,!1)}};e.addEventListener("click",(()=>i(e))),s.addEventListener("click",(()=>i(s)))}setupDetails(){this.scriptElement=this.useCaseDetailsContainer.querySelector("[data-script]");const t=this.useCaseDetailsContainer.querySelector("[data-usecase-player]");t&&(this.currentTimeDisplay=t.querySelector('[data-usecase-voiceover="current-time"]'),this.playPauseButton=t.querySelector("[data-play-pause]"),this.playPauseButton.addEventListener("click",(()=>{this.playPause()})),this.waveformElement=t.querySelector('[data-usecase-voiceover="waveform"]'))}changeUseCase(t,e=!0){if(t){const{width:s}=this.getWindowSize();e&&this.currentUseCaseElement&&this.currentUseCaseElement.classList.remove("w--current"),this.currentUseCase=t.dataset.usecaseName,this.currentUseCaseElement=t,this.currentUseCaseElement.classList.add("w--current"),this.togglePlayPauseIcon(this.playPauseButton,!1),this.updateDetails(t),s<768&&this.useCaseDetailsContainer&&(this.useCaseDetailsContainer.parentElement.removeChild(this.useCaseDetailsContainer),t.parentElement.appendChild(this.useCaseDetailsContainer))}}async updateDetails(s){if(s){const i=s.dataset.usecaseName,a=s.dataset.usecaseScript,r=s.dataset.usecaseAudio,n=s.dataset.usecaseTitle,l=s.dataset.usecaseSubtitle,h=s.nextElementSibling.src;this.useCaseDetailsContainer.querySelector("[data-usecase-title]").textContent=n,this.useCaseDetailsContainer.querySelector("[data-usecase-subtitle]").textContent=l,this.useCaseDetailsContainer.querySelector("[data-usecase-image]").src=h,this.player.src=r;let o=this.wordsData[i];if(o||(o=await this.fetchJsonData(a),this.wordsData[i]=o),o||(o=[]),this.script?this.script.changeScript(o):(this.script=new e,this.script.init(this.scriptElement,o,this.player)),!this.waveform){this.waveformElement.children.length>0&&(this.waveformElement.innerHTML="");const e=document.createElement("canvas");e.width=250,e.height=80,this.waveformElement.appendChild(e),this.waveform=function(e,s){e.style.width="100%",e.style.display="block";const i=e.getContext("2d"),a=new AudioContext,r=a.createAnalyser();r.fftSize=128;
7937const n=r.frequencyBinCount,l=new Uint8Array(n);function h(){e.width=e.clientWidth}let o,c;function u(){o=new t(0,0,e.width,e.height,1),o.draw(i,0)}function d(){if(s.paused)return;r.getByteFrequencyData(l);const t=function(t){let e=0;for(let s=0;s<t.length;s++)e+=t[s]/128;return e/t.length}(l);i.clearRect(0,0,e.width,e.height),o.update(t),o.draw(i,t),c=requestAnimationFrame(d)}return a.createMediaElementSource(s).connect(r),r.connect(a.destination),h(),u(),window.addEventListener("resize",(()=>{h(),u(),i.clearRect(0,0,e.width,e.height)})),s.addEventListener("pause",(()=>{cancelAnimationFrame(c)})),s.addEventListener("ended",(()=>{"undefined"!==c&&(cancelAnimationFrame(c),a.suspend(),o.draw(i,0))})),{togglePlayback:function(){a.resume().then((()=>{d()}))},clean:function(){cancelAnimationFrame(c),a.suspend()}}}(e,this.player)}}}async fetchJsonData(t){try{const e=await fetch(t);return await e.json()}catch(t){return console.error("Error fetching JSON data:",t),null}}playPause(t){"boolean"!=typeof t&&(t=this.player.paused),t?this.player.play().then((()=>{this.waveform&&this.waveform.togglePlayback()})):this.player.pause()}}class i{constructor(){this.container=null,this.currentStyle=null,this.defaultStyle=null,this.currentVoice=null,this.player=null,this.stylesContainer=null,this.mainPlayPauseButton=null,this.currentCardPlayPauseButton=null,this.currentCard=null,this.scriptContainer=null,this.defaultCards={},this.dataObject={},this.script=null,this.imagesDone={}}init(t){const e=document.querySelector(t);this.container=e,e?(this.player=new Audio,window.playerManager&&window.playerManager.registerPlayer(this.player),this.stylesContainer=e.querySelector('[qq-home-style="link-wrapper"]'),this.mainPlayPauseButton=e.querySelector('[data-play-pause="main"]'),this.scriptContainer=e.querySelector('[data-script="content"]'),this.setupStyles(),this.initVoiceCards(),this.initPlayer(),this.setupMainPlayPauseButton()):console.error("Parent element not found")}initPlayer(){this.player&&(this.player.addEventListener("play",(()=>{this.togglePlayPauseIcon(this.currentCardPlayPauseButton,null,!0),this.togglePlayPauseIcon(this.mainPlayPauseButton,"main",!0)})),this.player.addEventListener("pause",(()=>{this.togglePlayPauseIcon(this.currentCardPlayPauseButton,null,!1),this.togglePlayPauseIcon(this.mainPlayPauseButton,"main",!1)})))}setupMainPlayPauseButton(){this.mainPlayPauseButton.addEventListener("click",(()=>{this.playPause()}))}togglePlayPauseIcon(t,e,s){if(t){const i=t.querySelector(`[data-
7937play-pause="${e?e+"-":""}play"]`),a=t.querySelector(`[data-play-pause="${e?e+"-":""}pause"]`);s?(i.style.display="none",a.style.display="flex"):(i.style.display="flex",a.style.display="none")}}setupStyles(){this.container.querySelectorAll('[qq-home-style="link"]').forEach((t=>{t.classList.contains("w--current")&&(this.currentStyle=t.textContent?.toLowerCase(),this.defaultStyle=this.currentStyle),t.addEventListener("click",(()=>{const e=t.textContent?.toLowerCase();this.currentStyle!==e&&this.handleStyleChange(e)}))}))}handleStyleChange(t){this.currentStyle=t;const e=this.defaultCards[t];if(t!==this.defaultStyle&&!this.imagesDone[t]){this.container.querySelectorAll(`[data-voice-card][data-style="${t}"]`).forEach((t=>{if(t.dataset.hpImg){const e=t.querySelector('[data-hp-img="target"]');e.src=t.dataset.hpImg,e.classList.remove("w-dyn-bind-empty")}})),this.imagesDone[t]=!0}e&&(this.currentCardPlayPauseButton=e.querySelector('[data-play-pause="parent"]'),this.selectCard(e),this.changeVoice(t,e.dataset.speakerName))}initVoiceCards(){document.querySelectorAll("[data-voice-card]").forEach((t=>{const e=t.dataset.style,s=t.dataset.speakerName;t.addEventListener("click",(()=>{this.currentStyle===e&&this.currentVoice===s?this.playPause():(this.selectCard(t),this.changeVoice(e,s,(()=>this.playPause(!0)))),this.currentCardPlayPauseButton=t.querySelector('[data-play-pause="parent"]')})),"true"===t.dataset.default&&(this.defaultCards[e]=t,this.currentStyle===e&&(this.changeVoice(e,s),this.selectCard(t),this.currentCardPlayPauseButton=t.querySelector('[data-play-pause="parent"]')))}))}getWindowSize(){return{width:window.innerWidth,height:window.innerHeight}}selectCard(t){this.currentCard&&this.currentCard.classList.remove("is-active-card"),this.currentCard=t}activateCard(t=!0){if(this.currentCard)if(t){this.currentCard.classList.add("is-active-card");const{width:t}=this.getWindowSize();t<768&&this.currentCard.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}else this.currentCard.classList.remove("is-active-card")}playPause(t){"boolean"!=typeof t&&(t=this.player.paused),t?(this.player.play(),this.activateCard()):(this.player.pause(),this.activateCard(!1))}async changeVoice(t,s,i){this.currentVoice=s,this.player&&(this.player.src=`https://murf.ai/public-assets/home-page/main-fold/${t}-${s}.mp3`,this.togglePlayPauseIcon(this.currentCardPlayPauseButton,null,!1),this.togglePlayPauseIcon(this.mainPlayPauseButton,"main",!1));let a=this.dataObject[`${t}-${s}`];a||(a=await this.fetchJsonData(t,s),this.dataObject[`${t}-${s}`]=a),a||(a=[]),this.script?this.script.changeScript(a):(this.script=new e,this.script.init('[data-script="content"]',a,this.player)),"function"==typeof i&&i()}async fetchJsonData(t,e){try{const s=`https://murf.ai/public-assets/home-page/main-fold/${t}-${e}.json`,i=await fetch(s);return await i.json()}catch(t){return console.error("Error fetching JSON data:",t),null}}}document.addEventListener("DOMContentLoaded",(()=>{const t=new i,e=new s;t.init("[data-hero-style-player]"),e.init()}))})(); 7938</script>
7938</div><div style="display:none" class="popup-form_wrapper"><div id="form-scroll-container" class="padding-global z-index-1 overflow-scroll"><div class="popup-form_close-btn w-embed"><svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 7939<path d="M17.4 0.613295C16.88 0.0932946 16.04 0.0932946 15.52 0.613295L8.99996 7.11996L2.47996 0.599961C1.95996 0.0799609 1.11996 0.0799609 0.599961 0.599961C0.0799609 1.11996 0.0799609 1.95996 0.599961 2.47996L7.11996 8.99996L0.599961 15.52C0.0799609 16.04 0.0799609 16.88 0.599961 17.4C1.11996 17.92 1.95996 17.92 2.47996 17.4L8.99996 10.88L15.52 17.4C16.04 17.92 16.88 17.92 17.4 17.4C17.92 16.88 17.92 16.04 17.4 15.52L10.88 8.99996L17.4 2.47996C17.9066 1.97329 17.9066 1.11996 17.4 0.613295Z" fill="currentColor"/> 7940</svg></div><div class="popup-form_container padding-form flex-col-on-mobile flex-start"><div id="contact-sales-banner" class="padding-small flex-col max-width-large h-full contact-sales-banner"><div class="flex-col gap-8px"><div id="form-title"><div class="margin-bottom margin-xsmall"><p class="caption opacity-70">Murf Falcon 2</p></div><div class="divider"></div><div class="margin-top margin-small"><h2 class="heading-style-h3 text-color-white">The <span class="gradients-primary-1-text">Fastest, Most Efficient TTS API</span> <span>for building Voice Agents</span></h2></div></div><p class="body text-color-white-2 opacity-70">Discover how Murf Falcon 2 helps build voice agents that are <br/>ultra-fast, expressive, scalable and significantly cost-efficient, all at once.</p></div><div class="divider"></div><div class="flex-col gap-16px"><div class="flex-container gap-6px items-center"><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67e5068d93b1d293dc0576f8_Web%20Design%20System.webp" alt="" class="tick-mark"/><div class="body-medium text-color-white-2-2"><100ms  latency, verified across 10+ geographies.</div></div><div class="flex-container gap-6px items-center"><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67e5068d93b1d293dc0576f8_Web%20Design%20System.webp" alt="" class="tick-mark"/><div class="body-medium text-color-white-2-2">$0.01 / min. No confusing tiers. Efficient at every scale.</div></div><div class="flex-container gap-6px items-center"><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67e5068d93b1d293dc0576f8_Web%20Design%20System.webp" alt="" class="tick-mark"/><div class="body-medium text-color-white-2-2">Best-in-class fluency across 35+ languages. Perfect with <br/>digits, acronyms, and context.</div></div></div><div class="divider"></div><div class="flex-col gap-4px"><div class="body text-color-white-2 align-center-on-mobile">Trusted by 1000+ global brands</div><div class="flex-container"><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67e50bb7e8cb8b65e5842d4e_honeywell.webp" alt="" class="brand-image"/><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67e50c0d2a128afe096d9ab1_oracle.webp" alt="" class="brand-image"/><img loading="lazy" src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/67e50c1b813be0d929c79e2c_baker%20hughes.webp" alt="" class="brand-image"/></div></div></div><div id="Calandly-success" class="contact_sales_block-dubb calandly-success padding-form form-override"><div id="form-inner" class="cs-form w-form"><form id="wf-form-Enterprise-Form" name="wf-form-Enterprise-Form" data-name="Enterprise Form" method="post" class="cs-form_form" data-wf-page-id="67841cf6a45f9d8484a2a6be" data-wf-element-id="50d8d8b7-7ca2-0b88-0042-c2b495646e27"><div id="hq" class="text-align-center"><h2 class="heading-style-h5">Book a meeting with Sales team</h2></div><div class="margin-top margin-custom1"><div id="fields-wrapper" class="cs-form_fields-wrapper voice-data no-scroll"><div class="cs-form_field-wrapper"><input class="form_input gradient-input w-input" maxlength="256" name="Email" data-name="Email" placeholder="Work Email Address*" type="email" id="company-email" required=""/>
7940<div id="enterprise-email-error" class="form_message-error field-error">Please enter your work email, or continue with <a href="/studio" class="inline-link">free trial</a>.</div></div><input class="form_input gradient-input w-input" maxlength="256" name="Your-Name-2" data-name="Your Name 2" placeholder="Name*" type="text" id="Your-Name" required=""/><input class="form_input gradient-input w-input" maxlength="256" input="numeric" name="Phone-2" data-name="Phone 2" pattern="^\+?\d+$" placeholder="Phone Number (optional)" title="Please enter phone number only" type="tel" id="Your-Phone-2"/><select id="primary-usecase" name="primary-usecase-2" data-name="Primary Usecase 2" required="" class="cs_input is_select mql gradient-input for-falcon w-select"><option value="">What is your primary use case?*</option><option value="Building Voice agents / Voice AI products">Building Voice agents / Voice AI products</option><option value="Creating voiceovers at scale">Creating voiceovers at scale</option><option value="Translating audio/video at scale">Translating audio/video at scale</option><option value="Something else">Something else</option></select><textarea id="usecase" name="use-case" maxlength="5000" data-name="use case" placeholder="How can Murf help you?*" required="" class="form_input is-text-area gradient-input w-input"></textarea></div></div><div class="margin-top margin-medium"><div class="cs_footer"><label id="ccpa" class="w-checkbox form_checkbox text-align-left-2"><input type="checkbox" name="Checkbox-2" id="Checkbox" data-name="Checkbox 2" required="" class="w-checkbox-input form_checkbox-icon"/>
7940<span class="form_checkbox-label w-form-label" for="Checkbox-2">By signing up, you acknowledge and accept Murf's <a href="/resources/privacy_policy/" target="_blank" class="cs_link">privacy policy</a>, <a href="https://murf.ai/resources/terms_of_service/" target="_blank" class="cs_link">terms of service</a> &Â <a href="/resources/privacy_notice_ccpa/" class="cs_link">CCPA</a> privacy notice.</span></label><p id="non-ccpa" class="body">By clicking âSubmitâ you agree to our <a href="/resources/privacy_policy/" target="_blank" class="cs_link">privacy policy</a> & <a href="https://murf.ai/resources/terms_of_service/" target="_blank" class="cs_link">terms of service.</a></p><div id="hs-chat-open" class="support-question">Have a support question?</div><div id="mail-open" class="support-question-mail">Have a support question?</div><div class="button-group"><input type="submit" data-wait="Please wait..." id="ent-submit" class="button is-full w-button" value="Contact Sales"/><div class="hide w-embed w-script">
7940<script></script>
7940 7941<input type="hidden" class="utm_source" placeholder="utm_source" name="utm_source"> 7942<input type="hidden" class="utm_medium" placeholder="utm_medium" name="utm_medium"> 7943<input type="hidden" class="utm_campaign" placeholder="utm_campaign" name="utm_campaign"> 7944<input type="hidden" class="src" placeholder="src" name="src"> 7945<input type="hidden" class="country-field" placeholder="Country 2" name="fcountry"> 7946<input type="hidden" class="company-field" placeholder="Company Size" name="fsize"></div></div></div></div></form><div id="form-success" class="sucess-message w-form-done"><div id="mql" class="success-message"><p class="heading-style-h5 text-align-left">Thank you!</p><div class="text-align-left success-message">We'll connect you with an expert who will share more about the product and answer any questions you have.</div><a href="https://murf.ai/api/dashboard?utm_source=api_landing_page" class="button w-inline-block"><div>Try Murf API</div></a></div><div id="calandly-embed" class="calandly-embed-box for_calendly-embed-box"></div></div><div id="cs-form-error" class="error-message w-form-fail"><p class="heading-style-h5 text-align-left">Oops! something went wrong</p><div class="text-align-left success-message">Unable to submit your response. Please try again after sometime</div><div class="button-group"><a smoothing="0.8" cornerRadiusAll="12" href="https://murf.ai/api/dashboard?utm_source=api_landing_page" target="_blank" class="button is-large w-button">Try Murf Studio</a></div></div></div></div></div></div><div class="popup-form_bg"></div><div class="w-embed w-script"><style> 7947 .mf-select { -webkit-appearance: none; } 7948 #form-scroll-container { -ms-overflow-style: none; } 7949 #form-scroll-container::-webkit-scrollbar { display: none; } 7950 #form-inner { height: auto; } 7951 #calandly-embed { height: 630px; min-height: 630px; } 7952 #fields-wrapper { max-height: 18.75rem; } 7953 @media screen and (min-width: 924px) and (max-width: 1440px) and (min-height: 600px) and (max-height: 800px) { 7954 #form-inner { height: 30rem; } 7955 #calandly-embed { height: 100%; } 7956 #fields-wrapper { max-height: 12rem; } 7957 } 7958 .gradient-input { 7959 border: 1px solid #C5B9DB; 7960 border-radius: 12px; 7961 padding: 10px; 7962 background: #FFF; 7963 transition: all 0.3s; 7964 } 7965 .gradient-input:focus { 7966 outline: none; 7967 border: 3px solid transparent; 7968 background-image: linear-gradient(#FFF,#FFF), linear-gradient(90deg,#FF5E3B,#C516E1); 7969 background-origin: border-box; 7970 background-clip: padding-box, border-box; 7971 border-radius: 12px; 7972 } 7973 /* Force Calendly to be hidden initially */ 7974 #calandly-embed { 7975 display: none !important; 7976 opacity: 0; 7977 transition: opacity 0.5s ease; 7978 } 7979 #calandly-embed.show { 7980 display: block !important; 7981 opacity: 1; 7982 } 7983</style> 7984
7985<script> 7986 // === FIELD VALUES === 7987 let fname = "", femail = "", fnum = "", fusecase = "", fprimary = "", fcountry = "Canada"; 7988 let fsize = null; // Will be filled by company size API 7989 document.getElementById("Your-Name")?.addEventListener("change", e => fname = e.target.value); 7990 document.getElementById("company-email")?.addEventListener("change", e => femail = e.target.value); 7991 document.getElementById("Your-Phone-2")?.addEventListener("change", e => fnum = e.target.value); 7992 document.getElementById("usecase")?.addEventListener("change", e => fusecase = e.target.value); 7993 document.getElementById("primary-usecase")?.addEventListener("change", e => fprimary = e.target.value); 7994 7995 // === GEO COUNTRY === 7996 fetch("https://get.geojs.io/v1/ip/geo.js") 7997 .then(r => r.text()) 7998 .then(t => { 7999 try { 8000 const json = t.substring(t.indexOf("{"), t.lastIndexOf("}") + 1); 8001 const geo = JSON.parse(json); 8002 fcountry = geo.country || "Canada"; 8003 } catch { fcountry = "Canada"; } 8004 document.querySelectorAll(".country-field").forEach(el => el.value = fcountry); 8005 }) 8006 .catch(() => { fcountry = "Canada"; }); 8007 8008 // === UTM === 8009 const params = new URLSearchParams(window.location.search); 8010 if (typeof utmParameters !== 'undefined' && Array.isArray(utmParameters)) { 8011 utmParameters.forEach(p => { 8012 if (params.has(p)) document.querySelectorAll(`.${p}`).forEach(el => el.value = params.get(p)); 8013 }); 8014 } 8015 8016 // === CCPA === 8017 fetch("https://murf.ai/Prod/ping/geography") 8018 .then(r => r.json()) 8019 .then(d => { 8020 if (d.regionCode === "CA") { 8021 document.getElementById("non-ccpa")?.style.setProperty('display', 'none', 'important'); 8022 document.querySelectorAll(".ccpa").forEach(el => el.style.display = 'flex'); 8023 } else { 8024 document.getElementById("non-ccpa")?.style.setProperty('display', 'block', 'important'); 8025 document.getElementById("Checkbox")?.removeAttribute('required'); 8026 document.getElementById("ccpa")?.style.setProperty('display', 'none', 'important'); 8027 } 8028 }).catch(() => {}); 8029 8030 // === HUBSPOT === 8031 function waitForHubSpot(cb) { 8032 if (window.HubSpotConversations) cb(); 8033 else setTimeout(() => waitForHubSpot(cb), 100); 8034 } 8035 waitForHubSpot(() => { 8036 document.getElementById("hs-chat-open")?.addEventListener("click", () => window.HubSpotConversations.widget.open()); 8037 document.getElementById("mail-open")?.addEventListener("click", () => window.location.href = "mailto:[email protected]"); 8038 }); 8039 8040 // === SUBMIT === 8041 document.addEventListener('DOMContentLoaded', () => { 8042 const btn = document.getElementById("ent-submit"); 8043 const form = document.getElementById("wf-form-Enterprise-Form"); 8044 if (btn) { btn.type = "button"; btn.addEventListener("click", handleSubmit); } 8045 if (form) form.addEventListener("submit", e => { e.preventDefault(); handleSubmit(); }); 8046 }); 8047 8048 let isEducationSegment = false; 8049 let primaryUsecaseFromAPI = ""; 8050 8051 function handleSubmit() { 8052 document.getElementById("cs-form-error")?.style.setProperty('display', 'none'); 8053 document.getElementById("enterprise-email-error")?.style.setProperty('display', 'none'); 8054 8055 // Phone number is now optional 8056 const req = ["Your-Name", "company-email", "primary-usecase", "usecase"]; 8057 let err = false; 8058 req.forEach(id => { 8059 const el = document.getElementById(id); 8060 if (el && !el.value) { el.reportValidity(); err = true; } 8061 }); 8062 if (err) return; 8063 8064 if (typeof window.lintrk === 'function') window.lintrk('track', { conversion_id: 15420948 }); 8065 if (typeof gaMx === 'function' && typeof gaUtm === 'function') { 8066 gaMx("Enterprise Form Submit", gaUtm({ 8067 EntryPoint: "Enterprise", name: fname, Email: femail, Country: fcountry, 8068 PrimaryUsecase: fprimary, Usecase: fusecase 8069 })); 8070 } 8071 8072 const btn = document.getElementById("ent-submit"); 8073 btn.value = "Please Wait..."; btn.disabled = true; 8074 8075 const payload = { 8076 name: fname, 8077 email: femail, 8078 primary_usecase: fprimary, 8079 usecase: fusecase, 8080 country: fcountry, 8081 form_type: 'production_enterprise', 8082 sourceurl: window.location.href, 8083 src: 'falcon' 8084 }; 8085 8086 // Send phone: null if empty / whitespace-only 8087 const trimmedPhone = fnum?.trim(); 8088 payload.phone = trimmedPhone ? trimmedPhone : null; 8089 8090 ['utm_source','utm_medium','utm_campaign'].forEach(k => { 8091 const v = document.querySelector(`input[name="${k}"]`)?.value || ""; 8092 if (v) payload[k] = v; 8093 }); 8094 if (typeof utmParameters !== 'undefined') {
8095 utmParameters.forEach(p => { if (params.has(p)) payload[p] = params.get(p); }); 8096 } 8097 8098 fetch('https://murf.ai/Prod/ping/form/enterprise/submit', { 8099 method: 'POST', 8100 headers: { 'Content-Type': 'application/json' }, 8101 body: JSON.stringify(payload) 8102 }) 8103 .then(r => { if (!r.ok) throw new Error("Network"); return r.json(); }) 8104 .then(data => { 8105 if (data?.extra === 'EDUCATION') isEducationSegment = true; 8106 primaryUsecaseFromAPI = (data?.primary_usecase || data?.primaryUsecase || fprimary || "").trim(); 8107 8108 // === GET COMPANY SIZE FROM EMAIL VALIDATION API === 8109 const emailValidationUrl = `https://murf.ai/Prod/ping/webflow?email=${encodeURIComponent(femail)}`; 8110 fetch(emailValidationUrl) 8111 .then(r => r.json()) 8112 .then(info => { 8113 if (info?.companyInfo?.companyInfo?.metrics?.employees) { 8114 fsize = parseInt(info.companyInfo.companyInfo.metrics.employees, 10); 8115 } else { 8116 fsize = 0; // fallback 8117 } 8118 showCalendlyOnly(); 8119 }) 8120 .catch(() => { 8121 fsize = 0; 8122 showCalendlyOnly(); 8123 }); 8124 }) 8125 .catch(err => { 8126 console.error(err); 8127 document.getElementById("cs-form-error")?.style.setProperty('display', 'block'); 8128 btn.value = "SUBMIT"; btn.disabled = false; 8129 }); 8130 } 8131 8132 function showCalendlyOnly() { 8133 // Hide form 8134 document.getElementById("wf-form-Enterprise-Form")?.style.setProperty('display', 'none', 'important'); 8135 8136 // Hide thank you message initially 8137 document.getElementById("form-success")?.style.setProperty('display', 'block', 'important'); 8138 document.getElementById("mql")?.style.setProperty('display', 'none'); 8139 document.getElementById("contact-sales-banner")?.style.setProperty('display', 'none'); 8140 document.getElementById("Calandly-success")?.style.setProperty('max-width', '80rem'); 8141 if (isEducationSegment) { 8142 console.log("Education â nothing shown"); 8143 return; 8144 } 8145 const isNA = ["United States", "Canada", "Mexico"].includes(fcountry); 8146 const usecaseText = primaryUsecaseFromAPI.toLowerCase(); 8147 const isFalcon = usecaseText.includes("building voice agents") || usecaseText.includes("murf falcon"); 8148 // === FALCON: Always show Calendly === 8149 if (isFalcon) { 8150 loadCalendly(isNA ? "https://calendly.com/d/cskn-m4g-nx4/discovery-call-murf-falcon" : "https://calendly.com/d/csh5-bpq-pmf/discovery-call-murf-falcon"); 8151 return; 8152 } 8153 // === NON-FALCON: Only show Calendly if fsize >= 1000 === 8154 if (fsize >= 1000) { 8155 loadCalendly(isNA ? "https://calendly.com/murf-ai/exploration-call-murf-ai" : "https://calendly.com/murf-ai/exploration-call-with-murf-ai"); 8156 } else { 8157 // Show only success message 8158 document.getElementById("form-success")?.style.setProperty('display', 'block', 'important'); 8159 document.getElementById("mql")?.style.setProperty('display', 'block'); 8160 console.log("Non-Falcon + fsize < 1000 â Only success message"); 8161 } 8162 } 8163 8164 function loadCalendly(url) { 8165 const embed = document.getElementById("calandly-embed"); 8166 if (!embed) return console.error("calandly-embed not found"); 8167 embed.innerHTML = ''; 8168 embed.style.display = 'block'; 8169 embed.style.maxWidth = '80rem'; 8170 embed.style.margin = '0 auto'; 8171 embed.classList.add('show'); 8172 8173 function initCalendly() { 8174 if (typeof Calendly !== 'undefined') { 8175 const customAnswers = { 8176 a1: fprimary, 8177 a2: fcountry, 8178 a3: fusecase 8179 }; 8180 8181 // Only include phone if user actually entered something 8182 const trimmedPhone = fnum?.trim(); 8183 if (trimmedPhone) { 8184 customAnswers.a4 = trimmedPhone; 8185 } 8186 8187 Calendly.initInlineWidget({ 8188 url: url, 8189 parentElement: embed, 8190 prefill: { 8191 name: fname, 8192 email: femail, 8193 customAnswers: customAnswers 8194 } 8195 }); 8196 console.log("Calendly loaded:", url); 8197 } else { 8198 setTimeout(initCalendly, 300); 8199 } 8200 } 8201 8202 initCalendly(); 8203 } 8204 8205 // GA Event 8206 (function poll() { 8207 if (typeof window.enterpriseGaMxEvent === 'function') window.enterpriseGaMxEvent(); 8208 else if (performance.now() < 10000) setTimeout(poll, 250); 8209 })(); 8210</script>
8210</div></div></div>
8210<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66b3765153a8a0c399c70981" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
8210<script src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/js/murf-ai-staging-09f502.schunk.b36de0610a35aa79.js" type="text/javascript" integrity="sha384-bOZ0zosqGRfOla7kqUultK9km3dXI3K5kOn6mDnozBPY/ZGl9/GKllrjZ0EdPONC" crossorigin="anonymous"></script>
8210<script src="https://cdn.prod.website-files.com/66b3765153a8a0c399c70981/js/murf-ai-staging-09f502.4dd96c2c.37f159e866ece049.js" type="text/javascript" integrity="sha384-BsxOM79zLgBtXvuGd0U7oDlCfscb2SGaQVZ+bOOLjz+wwFe6eeC3wILkQ01HOyjx" crossorigin="anonymous"></script>
8210<!-- Quadqode Dynamic Copyright Year Starts -->
8211<script> 8212 document.addEventListener("DOMContentLoaded", function() { 8213 const currentYearElement = document.querySelector('[qq-text="current-year"]'); 8214 8215 if (currentYearElement) { 8216 const currentYear = new Date().getFullYear(); 8217 currentYearElement.textContent = currentYear; 8218 } 8219 }); 8220</script>
8220 8221<!-- Quadqode Dynamic Copyright Year Ends --> 8222 8223 8224
8225<script type="text/javascript" src="https://murf.ai/public-assets/webflow/js/prod.murflib.js"></script>
8225 8226
8227<script id="libutils" defer> 8228 window.addEventListener("DOMContentLoaded", function () { 8229 let apiSent = false; 8230 window.addEventListener("studio-analytics-event", (e) => { 8231 if (!window?.ga) { 8232 murflib?.ANALYTICS.initializeGA({}, true); 8233 } 8234 const consent = murflib?.cookies?.get?.("murf-cookie-consent"); 8235 const cookiePermissions = murflib?.cookies?.get?.("murf-cookie-permissions"); 8236 const cookiesJson = cookiePermissions ? JSON.parse(cookiePermissions) : []; 8237 if(cookiesJson?.includes?.("MARKETING_ANALYTICS")) { 8238 murflib.ANALYTICS?.bindGAClickEvents?.(); 8239 murflib?.ANALYTICS?.setUpFactorsAi?.(); 8240 murflib?.ANALYTICS?.setUpMicrosoftClarity?.(); 8241 murflib.ANALYTICS?.initializeGTagM?.(); 8242 murflib?.ANALYTICS?.setUpLinkedInTracker?.(); 8243 murflib?.ANALYTICS?.setUpG2Crowd?.(); 8244 } 8245 }); 8246 murflib.setupHeadForWebflow(); 8247 murflib.setupBodyForWebflow(); 8248 murflib.ANALYTICS?.appendCookieElements?.(); 8249 const cookieLink = document.querySelector("#footer-cookie-preferences"); 8250 if(cookieLink) { 8251 cookieLink.onclick = function(e){ 8252 murflib.ANALYTICS.openCookieDialog?.(); 8253 } 8254 } 8255 }); 8256</script>
8256 8257
8258<script type="text/javascript" defer> 8259 function debounce(func, time){ 8260 var time = time || 100; // 100 by default if no param 8261 var timer; 8262 return function(event){ 8263 if(timer) clearTimeout(timer); 8264 timer = setTimeout(func, time, event); 8265 }; 8266 } 8267 const getUtmParams = () => { 8268 const params = new URLSearchParams(window.location.search); 8269 let utmParams = {}; 8270 for (const [key, val] of params) { 8271 if (key.startsWith('utm_')) { 8272 utmParams[key] = val; 8273 } 8274 8275 } 8276 return utmParams; 8277 } 8278 const getEmailRegex = () => /^([\w-\.]+@(?!company.com)(?!gmail.com)(?!yahoo.com)(?!icloud.com)(?!btinternet.com)(?!protonmail.com)(?!tutanota.com)(?!hotmail.com)(?!aol.com)(?!hotmail.co.uk)(?!hotmail.fr)(?!msn.com)(?!yahoo.fr)(?!wanadoo.fr)(?!orange.fr)(?!comcast.net)(?!yahoo.co.uk)(?!yahoo.com.br)(?!yahoo.co.in)(?!live.com)(?!rediffmail.com)(?!example.com)(?!free.fr)(?!gmx.de)(?!web.de)(?!yandex.ru)(?!ymail.com)(?!libero.it)(?!outlook.com)(?!uol.com.br)(?!bol.com.br)(?!mail.ru)(?!cox.net)(?!hotmail.it)(?!sbcglobal.net)(?!sfr.fr)(?!live.fr)(?!verizon.net)(?!live.co.uk)(?!googlemail.com)(?!yahoo.es)(?!ig.com.br)(?!live.nl)(?!bigpond.com)(?!terra.com.br)(?!yahoo.it)(?!neuf.fr)(?!yahoo.de)(?!alice.it)(?!rocketmail.com)(?!att.net)(?!laposte.net)(?!facebook.com)(?!bellsouth.net)(?!yahoo.in)(?!hotmail.es)(?!charter.net)(?!yahoo.ca)(?!yahoo.com.au)(?!rambler.ru)(?!hotmail.de)(?!tiscali.it)(?!shaw.ca)(?!yahoo.co.jp)(?!sky.com)(?!earthlink.net)(?!optonline.net)(?!freenet.de)(?!t-online.de)(?!aliceadsl.fr)(?!virgilio.it)(?!home.nl)(?!qq.com)(?!telenet.be)(?!me.com)(?!yahoo.com.ar)(?!tiscali.co.uk)(?!yahoo.com.mx)(?!voila.fr)(?!gmx.net)(?!mail.com)(?!planet.nl)(?!tin.it)(?!live.it)(?!ntlworld.com)(?!arcor.de)(?!yahoo.co.id)(?!frontiernet.net)(?!hetnet.nl)(?!live.com.au)(?!yahoo.com.sg)(?!zonnet.nl)(?!club-internet.fr)(?!juno.com)(?!optusnet.com.au)(?!blueyonder.co.uk)(?!bluewin.ch)(?!skynet.be)(?!sympatico.ca)(?!windstream.net)(?!mac.com)(?!centurytel.net)(?!chello.nl)(?!live.ca)(?!compani.com)(?!gimail.com)(?!aim.com)(?!bigpond.net.au)([\w-]+\.)+[\w-]{2,4})?$/; 8279 const utmParameters = ["utm_source", "utm_medium", "utm_campaign","src"]; 8280 function gaUtm (prop) { 8281 let properties = JSON.parse(JSON.stringify(prop)); 8282 var utmParams = getUtmParams(); 8283 utmParameters.forEach(param => { 8284 if(utmParams[param]) { 8285 properties[param] = utmParams[param] 8286 } 8287 }); 8288 return properties; 8289 } 8290 function getUid() { 8291 return JSON.parse(localStorage.getItem("wf-uid")); 8292 } 8293 8294 function mxp(eventName, properties){ 8295 8296 const cookiePermissions = murflib?.cookies?.get?.("murf-cookie-permissions"); 8297 const cookiesJson = cookiePermissions ? JSON.parse(cookiePermissions) : []; 8298 if(!cookiesJson.includes("MARKETING_ANALYTICS")) { 8299 return; 8300 } 8301 8302 let uid = getUid(); 8303 if(!uid){ 8304 uid = Date.now(); 8305 localStorage.setItem("wf-uid", JSON.stringify(uid)); 8306 } 8307 murflib?.mxp?.(eventName, uid, properties); 8308 } 8309 function gaMx(eventName, properties) { 8310 8311 const cookiePermissions = murflib?.cookies?.get?.("murf-cookie-permissions"); 8312 const cookiesJson = cookiePermissions ? JSON.parse(cookiePermissions) : []; 8313 if(!cookiesJson.includes("MARKETING_ANALYTICS")) { 8314 return; 8315 } 8316 mxp(eventName, properties); 8317 let prop = {} 8318 for (let i in properties) { 8319 const lcP = i.toLowerCase() 8320 if(lcP === "domain" || lcP === "emails") { 8321 prop[i] = properties[i].split("@")[1]; 8322 } else if(lcP === "name") { 8323 prop[i] = "-"; 8324 } else { 8325 prop[i] = properties[i]; 8326 } 8327 } 8328 murflib.ReactGA.eventGA4(eventName, prop); 8329 } 8330 function addOpenStudioEvent(btns){ 8331 for (let index = 0; index < btns.length; index++) { 8332 const btnText = btns[index].innerHTML.toLowerCase(); 8333 if(btnText && btnText !== "submit"){ 8334 btns[index].addEventListener("click",() => { 8335 murflib?.ReactGA?.eventGA4?.("Open_Studio_CTA", {"CTA_Text": btnText, page: window.location?.pathname}); 8336 }); 8337 } 8338 } 8339 } 8340 addOpenStudioEvent(document.getElementsByClassName("button")); 8341 addOpenStudioEvent(document.getElementsByClassName("hero-button")); 8342 8343 8344 var enterpriseFormStart = true; 8345 8346 function enterpriseGaMxEvent() { 8347 let entryType = "Enterprise" 8348 if (window.location.pathname.includes("ai-dubbing")) { 8349 entryType = "AI Dubbing" 8350 } 8351 else if(window.location.pathname.includes("ai-translation")){ 8352 entryType = "AI Translation" 8353 } 8354 else if(window.location.pathname.includes("murf-dub")){ 8355 entryType = "AI Dubbing" 8356 } 8357 else if(window.location.pathname.includes("voiceovers-for-learning-and-development-teams")){ 8358 entryType = "L&D" 8359 } 8360 8361 $("#Your-Name").on("blur", function () { 8362 gaMx( 8363 "Enterprise Form Name Success", 8364 gaUtm({ name: $("#Your-Name").val(), EntryPoint: entryType }) 8365 ); 8366 }); 8367 $("#company-email").on("blur", function () { 8368 if(enterpriseFormStart) { 8369 gaMx( 8370 "Enterprise Form Start", 8371 gaUtm({ Domain: $("#company-email").val(), EntryPoint: entryType }) 8372 ); 8373 enterpriseFormStart = false;
8374 } 8375 gaMx( 8376 "Enterprise Form Email Success", 8377 gaUtm({ Domain: $("#company-email").val(), EntryPoint: entryType }) 8378 ); 8379 }); 8380 $("#company-2").on("blur", function () { 8381 gaMx( 8382 "Enterprise Form Company Success", 8383 gaUtm({ Company: $("#company-2").val(), EntryPoint: entryType }) 8384 ); 8385 }); 8386 $("#Job-Title").on("blur", function () { 8387 gaMx( 8388 "Enterprise Form Job Success", 8389 gaUtm({ JobTitle: $("#Job-Title").val(), EntryPoint: entryType }) 8390 ); 8391 }); 8392 $("#Your-language").on("blur", function () { 8393 gaMx( 8394 "Enterprise Form Language Success", 8395 gaUtm({ Language: $("#Your-language").val(), EntryPoint: entryType }) 8396 ); 8397 }); 8398 $("#Team-Size-3").on("blur", function () { 8399 gaMx( 8400 "Enterprise Form Team Size Success", 8401 gaUtm({ TeamSize: $("#Team-Size-3").val(), EntryPoint: entryType }) 8402 ); 8403 }); 8404 $("#usecase").on("blur", function () { 8405 gaMx( 8406 "Enterprise Form Usecase Success", 8407 gaUtm({ Usecase: $("#usecase").val(), EntryPoint: entryType }) 8408 ); 8409 }); 8410 $("#Your-Phone-2").on("blur", function () { 8411 gaMx( 8412 "Enterprise Form Phone Success", 8413 gaUtm({ phone: $("#Your-Phone-2").val(), EntryPoint: entryType }) 8414 ); 8415 }); 8416 8417 } 8418</script>
8418 8419
8420<script type="text/javascript" defer> 8421 window.addEventListener("DOMContentLoaded", () => { 8422 const voiceCards = document.querySelectorAll("[data-voice-card='true']"); 8423 let activeCard = 0; 8424 voiceCards?.forEach((voiceCard, i) => { 8425 voiceCard?.setAttribute("data-is-playing", false); 8426 voiceCard?.addEventListener("click", (e) => { 8427 activeCard = i; 8428 if(voiceCard?.getAttribute('data-is-playing') === "false"){ 8429 voiceCard?.setAttribute("data-is-playing", true); 8430 murflib.ReactGA.eventGA4("Play Audio", { 8431 page_url: window.location?.pathname, 8432 style: document.querySelector(".m-home-style_tabs-menu_link.w--current")?.innerText, 8433 voice_name: voiceCard?.dataset?.speakerName, 8434 play_location: "card_button" 8435 }) 8436 } else { 8437 voiceCard?.setAttribute("data-is-playing", false); 8438 murflib.ReactGA.eventGA4("Pause Audio", { 8439 page_url: window.location?.pathname, 8440 style: document.querySelector(".m-home-style_tabs-menu_link.w--current")?.innerText, 8441 voice_name: voiceCard?.dataset.speakerName, 8442 play_location: "center_button" 8443 }) 8444 } 8445 }) 8446 }) 8447 const centerPlayButton = document.querySelector(`[data-hero-style-player='true'] [data-play-pause='main']`); 8448 centerPlayButton?.addEventListener?.("click", () => { 8449 const voiceCard = voiceCards?.[activeCard]; 8450 if(voiceCard?.getAttribute('data-is-playing') === "false"){ 8451 voiceCard?.setAttribute("data-is-playing", true); 8452 murflib.ReactGA.eventGA4("Play Audio", { 8453 page_url: window.location?.pathname, 8454 style: document.querySelector(".m-home-style_tabs-menu_link.w--current").innerText, 8455 voice_name: voiceCard?.dataset.speakerName, 8456 play_location: "center_button" 8457 }) 8458 } else { 8459 voiceCard?.setAttribute("data-is-playing", false); 8460 murflib.ReactGA.eventGA4("Pause Audio", { 8461 page_url: window.location?.pathname, 8462 style: document.querySelector(".m-home-style_tabs-menu_link.w--current").innerText, 8463 voice_name: voiceCard?.dataset.speakerName, 8464 play_location: "center_button" 8465 }) 8466 } 8467 }) 8468 8469 let activeEl = 0; 8470 const styleDivs = document.querySelectorAll(".m-home-style_tabs-menu_link") 8471 styleDivs?.forEach((styleDiv, i) => { 8472 styleDiv.addEventListener("click", () => { 8473 if(activeEl !== i){ 8474 activeEl = i; 8475 murflib.ReactGA.eventGA4("Style Changed", { 8476 page_url: window.location?.pathname, 8477 style: styleDiv?.innerText, 8478 }) 8479 } 8480 }) 8481 }) 8482 let activeTab = 0; 8483 const tabs = document.querySelectorAll(".tab-button"); 8484 tabs?.forEach((tab, i) => { 8485 tab.addEventListener("click", () => { 8486 if(activeTab !== i){ 8487 activeTab = i; 8488 murflib.ReactGA.eventGA4("Product Clicked", { 8489 page_url: window.location?.pathname, 8490 style: tab?.innerText, 8491 }) 8492 } 8493 }) 8494 }); 8495 }); 8496 8497 document.addEventListener("DOMContentLoaded", () => { 8498 let functionCalled = 0; 8499 const container = document.querySelector(`[data-usecase-widget="true"]`); 8500 if(!container) return; 8501 function useCaseEvents(useCases) { 8502 console.log("useCases called", functionCalled); 8503 /**const useCases = 8504 document.querySelectorAll(`[data-usecase-slide='true'].swiper-slide-active [data-usecase-name]`); 8505 **/ 8506 functionCalled += 1; 8507 let activeUseCase = 0; 8508 useCases?.forEach((useCase, i) => { 8509 useCase.setAttribute("data-is-playing", false); 8510 if(useCase.classList?.contains("w--current")){ 8511 currentUseCase = useCase; 8512 } 8513 8514 useCase.addEventListener("click", () => { 8515 useCase.setAttribute("data-is-playing", false); 8516 currentUseCase = useCases[i]; 8517 if(activeUseCase !== i) { 8518 if(useCases[activeUseCase]?.getAttribute("data-is-playing") === "true"){ 8519 useCases[activeUseCase]?.setAttribute("data-is-playing", false); 8520 murflib.ReactGA.eventGA4("Pause Audio Usecase", { 8521 page_url: window.location?.pathname, 8522 style: useCases[activeUseCase]?.getAttribute("data-usecase-name"), 8523 }) 8524 } 8525 murflib.ReactGA.eventGA4("Usecase Changed", { 8526 page_url: window.location?.pathname, 8527 style: useCase?.getAttribute("data-usecase-name"), 8528 }); 8529 console.log("Usecase Changed") 8530 } 8531 activeUseCase = i; 8532 }) 8533 }); 8534 }
8535 const leftArrow = container.querySelector(`[data-slide-left-arrow="true"]`); 8536 const rightArrow = container.querySelector(`[data-slide-right-arrow="true"]`); 8537 let maxSlides = document.querySelectorAll(`[data-usecase-slide='true']`).length; 8538 let index = 0; 8539 8540 leftArrow.addEventListener("click", function () { 8541 if(index > 0) { 8542 index -= 1; 8543 } 8544 useCaseEvents(document.querySelectorAll(`[data-usecase-slide='true']`)[index].querySelectorAll(`.m-usecase_tabs-menu_link`)) 8545 }) 8546 rightArrow.addEventListener("click", function () { 8547 if(index < maxSlides - 1){ 8548 index += 1; 8549 } 8550 useCaseEvents(document.querySelectorAll(`[data-usecase-slide='true']`)[index].querySelectorAll(`.m-usecase_tabs-menu_link`)) 8551 }); 8552 8553 const useCases = document.querySelectorAll(`[data-usecase-slide='true']`)[index].querySelectorAll(`.m-usecase_tabs-menu_link`); 8554 let currentUseCase = document.querySelector(`.m-usecase_tabs-menu_link.w--current`); 8555 useCaseEvents(useCases); 8556 8557 8558 const useCaseAudioButton = document.querySelector(`[data-usecase-player='true'] [data-play-pause='main']`); 8559 useCaseAudioButton?.addEventListener?.("click", () => { 8560 if(currentUseCase?.getAttribute('data-is-playing') === "false"){ 8561 currentUseCase?.setAttribute("data-is-playing", true); 8562 murflib.ReactGA.eventGA4("Play Audio Usecase", { 8563 page_url: window.location?.pathname, 8564 usecase: currentUseCase?.getAttribute("data-usecase-name"), 8565 }) 8566 } else { 8567 currentUseCase?.setAttribute("data-is-playing", false); 8568 murflib.ReactGA.eventGA4("Pause Audio Usecase", { 8569 page_url: window.location?.pathname, 8570 usecase: currentUseCase?.getAttribute("data-usecase-name"), 8571 }) 8572 } 8573 }); 8574 }) 8575</script>
8575 8576 8577 8578 8579
8580<script> 8581 (function () { 8582 "use strict"; 8583 8584 var ATTRIBUTION_KEYS = [ 8585 "utm_source", 8586 "utm_medium", 8587 "utm_campaign", 8588 "utm_term", 8589 "utm_content", 8590 "gclid", 8591 "fbclid", 8592 "msclkid" 8593 ]; 8594 8595 var SKIP_PROTOCOL_REGEX = /^(mailto|tel|javascript|sms|ftp):/i; 8596 var ABSOLUTE_URL_REGEX = /^([a-z][a-z0-9+.-]*:)?\/\//i; 8597 var FILE_EXTENSION_REGEX = /\.(pdf|zip|rar|docx?|xlsx?|pptx?|csv|png|jpe?g|gif|svg|webp|mp4|mp3|avi|mov)$/i; 8598 8599 var attributionParams; 8600 try { 8601 attributionParams = new URLSearchParams(window.location.search); 8602 } catch (e) { 8603 return; 8604 } 8605 8606 var hasAttributionData = false; 8607 for (var i = 0; i < ATTRIBUTION_KEYS.length; i++) { 8608 if (attributionParams.has(ATTRIBUTION_KEYS[i])) { 8609 hasAttributionData = true; 8610 break; 8611 } 8612 } 8613 8614 if (!hasAttributionData) { 8615 return; 8616 } 8617 8618 function shouldSkipByAttribute(anchor, rawHref) { 8619 if (!rawHref) return true; 8620 if (rawHref === "#") return true; 8621 if (anchor.hasAttribute("download")) return true; 8622 if (SKIP_PROTOCOL_REGEX.test(rawHref)) return true; 8623 return false; 8624 } 8625 8626 function resolveUrl(rawHref) { 8627 try { 8628 return new URL(rawHref, document.baseURI); 8629 } catch (e) { 8630 return null; 8631 } 8632 } 8633 8634 function isInternalUrl(resolvedUrl) { 8635 return resolvedUrl.origin === window.location.origin; 8636 } 8637 8638 function isFileLink(resolvedUrl) { 8639 return FILE_EXTENSION_REGEX.test(resolvedUrl.pathname); 8640 } 8641 8642 function appendMissingParams(resolvedUrl) { 8643 var changed = false; 8644 for (var i = 0; i < ATTRIBUTION_KEYS.length; i++) { 8645 var key = ATTRIBUTION_KEYS[i]; 8646 if (attributionParams.has(key) && !resolvedUrl.searchParams.has(key)) { 8647 resolvedUrl.searchParams.set(key, attributionParams.get(key)); 8648 changed = true; 8649 } 8650 } 8651 return changed; 8652 } 8653 8654 function buildNewHref(resolvedUrl, wasAbsolute) { 8655 if (wasAbsolute) { 8656 return resolvedUrl.toString(); 8657 } 8658 return resolvedUrl.pathname + resolvedUrl.search + resolvedUrl.hash; 8659 } 8660 8661 function processAnchor(anchor) { 8662 try { 8663 var rawHref = anchor.getAttribute("href"); 8664 8665 if (shouldSkipByAttribute(anchor, rawHref)) { 8666 return; 8667 } 8668 8669 var resolvedUrl = resolveUrl(rawHref); 8670 if (!resolvedUrl) { 8671 return; 8672 } 8673 8674 if (!isInternalUrl(resolvedUrl)) { 8675 return; 8676 } 8677 8678 if (isFileLink(resolvedUrl)) { 8679 return; 8680 } 8681 8682 var wasAbsolute = ABSOLUTE_URL_REGEX.test(rawHref); 8683 var didChange = appendMissingParams(resolvedUrl); 8684 8685 if (!didChange) { 8686 return; 8687 } 8688 8689 var newHref = buildNewHref(resolvedUrl, wasAbsolute); 8690 8691 if (anchor.getAttribute("href") !== newHref) { 8692 anchor.setAttribute("href", newHref); 8693 } 8694 } catch (e) { 8695 // Never let a single malformed link break processing of others. 8696 } 8697 } 8698 8699 function processAnchorList(anchors) { 8700 for (var i = 0; i < anchors.length; i++) { 8701 processAnchor(anchors[i]); 8702 } 8703 } 8704 8705 // Initial pass over links already present in the DOM. 8706 processAnchorList(document.querySelectorAll("a[href]")); 8707 8708 // Handle links injected later by Webflow interactions, CMS renders, tabs, or widgets. 8709 function handleAddedNode(node) { 8710 if (node.nodeType !== 1) { 8711 return; 8712 } 8713 if (node.tagName === "A") { 8714 processAnchor(node); 8715 return; 8716 } 8717 if (typeof node.querySelectorAll === "function") { 8718 processAnchorList(node.querySelectorAll("a[href]")); 8719 } 8720 } 8721 8722 function handleMutations(mutationList) { 8723 for (var i = 0; i < mutationList.length; i++) { 8724 var addedNodes = mutationList[i].addedNodes; 8725 for (var j = 0; j < addedNodes.length; j++) { 8726 handleAddedNode(addedNodes[j]); 8727 } 8728 } 8729 } 8730 8731 try { 8732 var observer = new MutationObserver(handleMutations); 8733 observer.observe(document.body, { childList: true, subtree: true }); 8734 } catch (e) { 8735 // MutationObserver failures should not break the initial link processing above. 8736 } 8737})(); 8738</script>
8738 8739 8740 8741 8742
8743<script> 8744 function main(){ 8745 // Flags fo playback 8746 let PLAYBACK = false; 8747 let PLAYBACKID = ""; 8748 8749 function setPlayback(playbackid="", playback=false){ 8750 if (playback && playbackid !=""){ 8751 PLAYBACK = true; 8752 if(playbackid){ 8753 PLAYBACKID = playbackid; 8754 } 8755 } 8756 else{ 8757 PLAYBACK = false; 8758 PLAYBACKID = "" 8759 } 8760 } 8761 /// Audio Playback handle 8762 function togglePlayback(e){ 8763 let playbleid = e.target.id; 8764 let audioElement = document.getElementById(playbleid); 8765 console.log("playableid: ",playbleid); 8766 if(audioElement.paused){ 8767 audioElement.play(); 8768 setPlayback(e, true); 8769 } else { 8770 audioElement.pause(); 8771 setPlayback("", false); 8772 } 8773 } 8774 function stopPlayback(e){ 8775 let playbleid = e.target.id; 8776 let audioElement = document.getElementById(playbleid); 8777 setPlayback("", false); 8778 } 8779 8780 8781 /// Backgound Wave Animation 8782 const canvas = document.getElementById('svw'); 8783 const ctx = canvas.getContext('2d'); 8784 8785 // Resize the canvas to fit the viewport 8786 function resizeCanvas() { 8787 canvas.width = window.innerWidth; 8788 canvas.height = window.innerHeight; 8789 } 8790 window.addEventListener('resize', resizeCanvas); 8791 resizeCanvas(); 8792 8793 // Wave properties 8794 const waveCount = 20; // Number of waves 8795 const waves = []; 8796 const postConvergenceStrokeWidth = 4; // Stroke width for second half 8797 const waveSpeed = 0.005; // Speed of wave propagation 8798 8799 // Generate waves with base properties 8800 for (let i = 0; i < waveCount; i++) { 8801 waves.push({ 8802 baseAmplitude: canvas.height/8 + i * 2, // Base amplitude for the lower-frequency wave 8803 higherFrequencyFactor: 2 + i/1000, // f1 is `higherFrequencyFactor` times f2 8804 amplitudeFactor: 0.2 * i/10, // Higher-frequency wave has smaller amplitude (a < 0.5) 8805 frequency: 0.005 + i * 0.0001, // Base frequency for f2 8806 phaseOffset: i * 0.2, // Initial phase offset 8807 color: `hsla(${(i / waveCount) * 130 + 270}, 50%, 50%, 70%)`, // Harmonious color 8808 }); 8809 } 8810 8811 let time = 0; // Time variable to control wave motion 8812 8813 // Animation loop 8814 function draw() { 8815 ctx.clearRect(0, 0, canvas.width, canvas.height); 8816 8817 for (let i = 0; i < waveCount; i++) { 8818 const { 8819 baseAmplitude, 8820 higherFrequencyFactor, 8821 amplitudeFactor, 8822 frequency, 8823 phaseOffset, 8824 color, 8825 } = waves[i]; 8826 8827 // Draw first half (pre-convergence) 8828 ctx.beginPath(); 8829 for (let x = 0; x <= canvas.width / 2; x++) { 8830 const normalizedX = x / canvas.width; // Value between 0 and 0.5 8831 const relativeX = normalizedX; 8832 8833 // Create a single convergence point in the middle 8834 const convergenceFactor = Math.exp(-5 * (relativeX - 0.5) ** 2); 8835 8836 // Interpolate phaseOffset towards common phase (0) using convergenceFactor 8837 const interpolatedPhaseOffset = phaseOffset * (1 - convergenceFactor); 8838 8839 // Phase shift with constant speed 8840 const phaseShiftLow = interpolatedPhaseOffset + time * waveSpeed; 8841 const phaseShiftHigh = interpolatedPhaseOffset - time * waveSpeed * higherFrequencyFactor; 8842 8843 const amplitudeModulation = baseAmplitude * 2 * (1 - convergenceFactor); 8844 8845 // Frequencies 8846 const f1 = frequency * higherFrequencyFactor; // Higher frequency 8847 const f2 = frequency; // Base frequency 8848 8849 // Higher-frequency wave (f1) 8850 const y1 = amplitudeModulation * amplitudeFactor * Math.sin(f1 * x + phaseShiftHigh); 8851 8852 // Lower-frequency wave (f2) 8853 const y2 = amplitudeModulation * Math.sin(f2 * x + phaseShiftLow); 8854 8855 // Combine the two waves 8856 const y = canvas.height / 2 + y1 + y2; 8857 8858 if (x === 0) { 8859 ctx.moveTo(x, y); 8860 } else { 8861 ctx.lineTo(x, y); 8862 } 8863 } 8864 ctx.lineWidth = 1; // Stroke width for pre-convergence 8865 ctx.strokeStyle = color; 8866 ctx.stroke(); 8867 8868 // Draw second half (post-convergence) 8869 ctx.beginPath(); 8870 for (let x = canvas.width / 2; x <= canvas.width + 40; x++) { 8871 const normalizedX = x / canvas.width; // Value between 0.5 and 1 8872 const relativeX = 1 - normalizedX; // Mirror behavior for second half 8873 8874 // Create a single convergence point in the middle 8875 const convergenceFactor = Math.exp(-10 * (relativeX - 0.5) ** 2); 8876 8877 // Interpolate phaseOffset towards common phase (0) using convergenceFactor 8878 const interpolatedPhaseOffset = phaseOffset * (- convergenceFactor); 8879 8880 // Phase shift with constant speed and mirroring 8881 const phaseShiftLow = interpolatedPhaseOffset - time * waveSpeed + Math.PI; 8882 const phaseShiftHigh = interpolatedPhaseOffset - time * waveSpeed * higherFrequencyFactor + Math.PI; 8883 8884 const amplitudeModulation = baseAmplitude * (1 - convergenceFactor); 8885 8886 // Frequencies 8887 const f1 = frequency * higherFrequencyFactor*0.1; // Higher frequency 8888 const f2 = frequency * 0.3; // Base frequency 8889 8890 // Higher-frequency wave (f1) 8891 const y1 = amplitudeModulation * amplitudeFactor * Math.sin(f1 * x + phaseShiftHigh); 8892 8893 // Lower-frequency wave (f2) 8894 const y2 = amplitudeModulation * 2 * Math.sin(f2 * x + phaseShiftLow); 8895 8896 // Combine the two waves 8897 const y = canvas.height / 2 + y1 + y2; 8898 8899 if (x === canvas.width / 2) { 8900 ctx.moveTo(x, y); 8901 } else { 8902 ctx.lineTo(x, y); 8903 } 8904 } 8905 ctx.lineWidth = postConvergenceStrokeWidth; // Stroke width for post-convergence 8906 ctx.strokeStyle = color; 8907 ctx.stroke(); 8908 } 8909 8910 // Increment time for continuous motion 8911 time += 1; 8912 8913 requestAnimationFrame(draw); 8914 } 8915 draw(); 8916 } 8917 window.onload = main; 8918</script>
8918 8919 8920<!--- for popup form ---> 8921
8922<script> 8923(function ({ 8924 languageTarget, 8925 voiceTarget, 8926 voiceStyleTarget, 8927 baseUrl, 8928 limit, 8929 editor, 8930 defaultVoiceId, 8931 defaultLanguage, 8932 defaultVoiceStyle, 8933 playerTarget, 8934 useCaseTarget, 8935 useCaseRenderTarget, 8936 useCaseDataTarget, 8937 maxCharacters = 500, 8938 languageSortOrder, 8939 voiceSortOrder, 8940 voiceStyleSortOrder, 8941 trialTarget, 8942 defaultUseCase, 8943 defaultUseCaseIndex = 0, 8944}) { 8945 const apiBaseUrl = baseUrl ?? "https://murf.ai/Prod"; 8946 // Define local variables 8947 let voiceData = null; 8948 let apiDataLoaded = false; 8949 let selectedLanguage = null; 8950 let selectedVoice = { 8951 voiceId: defaultVoiceId, 8952 }; 8953 let selectedVoiceStyle = defaultVoiceStyle; 8954 let player = new Audio(); 8955 if (window.playerManager) { 8956 window.playerManager.registerPlayer(player); 8957 } 8958 let playerState = "idle"; // idle, playing, paused, loading,error,exhausted 8959 let playCount = 0; 8960 let selectedUseCase = defaultUseCase?.map((e) => e.toLowerCase()); 8961 let selectedUseCaseIndex = defaultUseCaseIndex; 8962 let editorUpdateRequired = true; 8963 const playIcon = document.querySelector("#tts-play-icon"); 8964 const pauseIcon = document.querySelector("#tts-pause-icon"); 8965 const loaderIcon = document.querySelector("#tts-loader-icon"); 8966 8967 const VOICE_STYLES = { 8968 promo: { emoji: "ð¢" }, 8969 conversational: { emoji: "ð" }, 8970 calm: { emoji: "ð" }, 8971 narration: { emoji: "ð" }, 8972 storytelling: { emoji: "ð¬" }, 8973 sad: { emoji: "ð" }, 8974 angry: { emoji: "ð " }, 8975 newscast: { emoji: "ðº" }, 8976 documentary: { emoji: "ð½ï¸" }, 8977 inspirational: { emoji: "ðª" }, 8978 luxury: { emoji: "ð" }, 8979 terrified: { emoji: "ð¨" }, 8980 furious: { emoji: "ð¤" }, 8981 general: { emoji: "ð" }, 8982 casual: { emoji: "â" }, 8983 cheerful: { emoji: "ð" }, 8984 friendly: { emoji: "ð¤" }, 8985 excited: { emoji: "ð¤©" }, 8986 affectionate: { emoji: "ð«¶ð»" }, 8987 assistant: { emoji: "ð¨âð¼" }, 8988 chat: { emoji: "ð¬" }, 8989 customerservice: { emoji: "ð" }, 8990 disgruntled: { emoji: "ð" }, 8991 embarrassed: { emoji: "ð " }, 8992 empathetic: { emoji: "ð¤" }, 8993 fearful: { emoji: "ð¨" }, 8994 gentle: { emoji: "âï¸" }, 8995 hopeful: { emoji: "ð¤" }, 8996 lyrical: { emoji: "ð¤" }, 8997 "narration-professional": { emoji: "ð" }, 8998 "newscast-casual": { emoji: "ðº" }, 8999 "newscast-formal": { emoji: "ðº" }, 9000 "poetry-reading": { emoji: "âï¸" }, 9001 serious: { emoji: "ð" }, 9002 shouting: { emoji: "ð£ï¸" }, 9003 unfriendly: { emoji: "ð" }, 9004 whispering: { emoji: "ð¤«" }, 9005 generic: { emoji: "â" }, 9006 default: { emoji: "â" }, 9007 }; 9008 9009 function setPlayIconVisibility(val) { 9010 if (val) { 9011 playIcon.style.display = "flex"; 9012 // $("#tts-play-icon").show(); 9013 } else { 9014 playIcon.style.display = "none"; 9015 // $("#tts-play-icon").hide(); 9016 } 9017 } 9018 9019 function setPauseIconVisibility(val) { 9020 if (val) { 9021 // $("#tts-pause-icon").show(); 9022 pauseIcon.style.display = "flex"; 9023 } else { 9024 // $("#tts-pause-icon").hide(); 9025 pauseIcon.style.display = "none"; 9026 } 9027 } 9028 9029 function setLoaderIconVisibility(val) { 9030 if (val) { 9031 // $("#tts-loader-icon").show(); 9032 loaderIcon.style.display = "flex"; 9033 } else { 9034 // $("#tts-loader-icon").hide(); 9035 loaderIcon.style.display = "none"; 9036 } 9037 } 9038 9039 function resetPlayState() { 9040 if (playerState !== "exhausted" || playerState !== "error") { 9041 setPlayIconVisibility(true); 9042 setPauseIconVisibility(false); 9043 setLoaderIconVisibility(false); 9044 playerState = "idle"; 9045 player.pause(); 9046 } 9047 } 9048 9049 function getSortedVoices() { 9050 const sorted = [ 9051 ...selectedLanguage?.voices?.filter((voice) => 9052 voiceSortOrder?.includes(voice.voiceId) 9053 ), 9054 ...selectedLanguage?.voices?.filter( 9055 (voice) => !voiceSortOrder?.includes(voice.voiceId) 9056 ), 9057 ].filter((voice) => voice.newEmphasisEnabled); 9058 9059 const filtered = sorted.filter((voice) => { 9060 if (!selectedUseCase?.length) { 9061 return true; 9062 } 9063 return voice.useCases 9064 ?.map((e) => e?.toLowerCase()) 9065 ?.some((e) => selectedUseCase?.includes(e)); 9066 }); 9067 if (filtered.length === 0) { 9068 return sorted; 9069 } 9070 return filtered; 9071 } 9072 9073 function getSortedVoiceStyles() { 9074 return [ 9075 ...selectedVoice?.voiceStyles?.filter((style) => 9076 voiceStyleSortOrder 9077 .map((e) => e?.toLowerCase()) 9078 ?.includes(style?.toLowerCase()) 9079 ), 9080 ...selectedVoice?.voiceStyles?.filter( 9081 (style) => 9082 !voiceStyleSortOrder 9083 .map((e) => e?.toLowerCase()) 9084 ?.includes(style?.toLowerCase()) 9085 ), 9086 ]; 9087 } 9088 9089 function fetchVoiceData() { 9090 fetch(`${apiBaseUrl}/ping/common-voices`) 9091 .then((response) => response.json()) 9092 .then((data) => { 9093 if (data?.responseCode === "SUCCESS") { 9094 apiDataLoaded = true; 9095 voiceData = data.voiceGroups; 9096 if (languageSortOrder) { 9097 voiceData = [ 9098 ...voiceData.filter((lang) => 9099 languageSortOrder?.find( 9100 (l) => 9101 l.language === lang.language && l.accent === lang.accent 9102 ) 9103 ), 9104 ...voiceData.filter( 9105 (lang) => 9106 !languageSortOrder?.find( 9107 (l) => 9108 l.language === lang.language && l.accent === lang.accent 9109 ) 9110 ), 9111 ]; 9112 } 9113 selectedLanguage = voiceData?.[0]; 9114 selectedVoice = getSortedVoices()?.[0]; 9115 selectedVoiceStyle = getSortedVoiceStyles()?.[0]; 9116 if ( 9117 defaultLanguage &&
9118 voiceData?.findIndex( 9119 (language) => 9120 language.language === defaultLanguage.language && 9121 language.accent === defaultLanguage.accent 9122 ) !== -1 9123 ) { 9124 selectedLanguage = voiceData?.find( 9125 (language) => 9126 language.language === defaultLanguage.language && 9127 language.accent === defaultLanguage.accent 9128 ); 9129 } 9130 if ( 9131 defaultVoiceId && 9132 selectedLanguage?.voices?.findIndex( 9133 (voice) => voice.voiceId === defaultVoiceId 9134 ) !== -1 9135 ) { 9136 selectedVoice = selectedLanguage?.voices?.find( 9137 (voice) => voice.voiceId === defaultVoiceId 9138 ); 9139 } 9140 if ( 9141 defaultVoiceStyle && 9142 selectedVoice?.voiceStyles?.findIndex( 9143 (voiceStyle) => voiceStyle === defaultVoiceStyle 9144 ) !== -1 9145 ) { 9146 selectedVoiceStyle = defaultVoiceStyle; 9147 } 9148 renderUseCases(); 9149 renderLanguages(); 9150 renderVoices(); 9151 renderVoiceStyles(); 9152 } 9153 }) 9154 .catch((error) => { 9155 console.error("Error loading voice data:", error); 9156 }); 9157 } 9158 9159 function handleLanguageSelection(language) { 9160 murflib.ReactGA.eventGA4("TTS Try Language Select", { 9161 "Page url": window.location.pathname, 9162 language: language.language, 9163 accent: language.accent, 9164 }); 9165 selectedLanguage = language; 9166 selectedVoice = getSortedVoices()?.[0]; 9167 selectedVoiceStyle = getSortedVoiceStyles()?.[0]; 9168 renderLanguages(); 9169 renderVoices(); 9170 renderVoiceStyles(); 9171 resetPlayState(); 9172 renderUseCases(); 9173 const languageTargetElement = document.querySelector(languageTarget); 9174 9175 languageTargetElement 9176 .querySelector(".mf-dropdown-list") 9177 .classList.remove("w--open"); 9178 languageTargetElement 9179 .querySelector(".mf-dropdown-btn") 9180 .classList.remove("w--open"); 9181 } 9182 9183 function handleVoiceSelection(voice) { 9184 murflib.ReactGA.eventGA4("TTS Try Voice Select", { 9185 "Page url": window.location.pathname, 9186 voiceId: voice.voiceId, 9187 voiceName: voice.voiceName, 9188 }); 9189 selectedVoice = voice; 9190 selectedVoiceStyle = getSortedVoiceStyles()?.[0]; 9191 resetPlayState(); 9192 renderVoices(); 9193 renderVoiceStyles(); 9194 const voiceTargetElement = document.querySelector(voiceTarget); 9195 voiceTargetElement 9196 .querySelector(".mf-dropdown-list") 9197 .classList.remove("w--open"); 9198 voiceTargetElement 9199 .querySelector(".mf-dropdown-btn") 9200 .classList.remove("w--open"); 9201 } 9202 9203 function handleVoiceStyleSelection(voiceStyle) { 9204 murflib.ReactGA.eventGA4("TTS Try Style Select", { 9205 "Page url": window.location.pathname, 9206 style: voiceStyle, 9207 }); 9208 selectedVoiceStyle = voiceStyle; 9209 resetPlayState(); 9210 renderVoiceStyles(); 9211 const voiceStyleTargetElement = document.querySelector(voiceStyleTarget); 9212 voiceStyleTargetElement 9213 .querySelector(".mf-dropdown-list") 9214 .classList.remove("w--open"); 9215 voiceStyleTargetElement 9216 .querySelector(".mf-dropdown-btn") 9217 .classList.remove("w--open"); 9218 } 9219 9220 function renderLanguages() { 9221 if (!apiDataLoaded) { 9222 return; 9223 } 9224 const languageTargetElement = document.querySelector(languageTarget); 9225 if (!languageTargetElement) { 9226 console.error("Language target not found"); 9227 return; 9228 } 9229 9230 const languageListElement = 9231 languageTargetElement.querySelector(".mf-dropdown-list"); 9232 const selectTextElement = languageTargetElement.querySelector( 9233 ".mf-dropdown-btn-text" 9234 ); 9235 const selectImageElement = languageTargetElement.querySelector( 9236 ".mf-dropdown-avatar img" 9237 ); 9238 9239 selectTextElement.textContent = `${selectedLanguage.language} ${ 9240 selectedLanguage?.accent ? "- " + selectedLanguage?.accent : "" 9241 }`; 9242 if (selectImageElement) { 9243 selectImageElement.src = `https://murf.ai/public-assets/countries/${selectedLanguage.flagName}.svg`; 9244 selectImageElement.alt = selectedLanguage.language; 9245 } 9246 if (languageListElement) { 9247 const lastNodes = [];
9248 Array.from(languageListElement.childNodes).forEach((node) => { 9249 if (!node.classList.contains("mf-dropdown-list-item")) { 9250 lastNodes.push(node); 9251 } 9252 }); 9253 languageListElement.innerHTML = ""; 9254 9255 voiceData.forEach((language, index) => { 9256 const isSelected = 9257 language.language === selectedLanguage.language && 9258 language.accent === selectedLanguage.accent; 9259 if (!isSelected && limit && index >= limit) return; 9260 const languageElement = document.createElement("div"); 9261 languageElement.classList.add("mf-dropdown-list-item"); 9262 if (isSelected) { 9263 languageElement.classList.add("mf-selected"); 9264 } 9265 languageElement.innerHTML = ` 9266 <div class="mf-dropdown-avatar"> 9267 <img width="32" height="32" src="https://murf.ai/public-assets/countries/${ 9268 language.flagName 9269 }.svg" alt="${language.language}" loading="lazy"> 9270 </div> 9271 <div class="mf-list-item-title"> 9272 <div class="mf-primary-text">${language.language} ${ 9273 language.accent ? "- " + language.accent : "" 9274 }</div> 9275 <div class="mf-secondary-text">${language.language} ${ 9276 language.accent ? "- " + language.accent : "" 9277 }</div> 9278 </div> 9279 `; 9280 languageElement.onclick = () => handleLanguageSelection(language); 9281 languageListElement.appendChild(languageElement); 9282 }); 9283 languageListElement.append(...lastNodes); 9284 } 9285 } 9286 9287 function renderVoices() { 9288 if (!apiDataLoaded) { 9289 return; 9290 } 9291 const voiceTargetElement = document.querySelector(voiceTarget); 9292 if (!voiceTargetElement) { 9293 console.error("Voice target not found"); 9294 return; 9295 } 9296 const voiceListElement = 9297 voiceTargetElement.querySelector(".mf-dropdown-list"); 9298 const selectTextElement = voiceTargetElement.querySelector( 9299 ".mf-dropdown-btn-text" 9300 ); 9301 const selectImageElement = voiceTargetElement.querySelector( 9302 ".mf-dropdown-avatar img" 9303 ); 9304 selectTextElement.textContent = selectedVoice.voiceName; 9305 if (selectImageElement) { 9306 selectImageElement.src = `https://murf.ai/public-assets/home/avatars/${selectedVoice.avatar}.jpg`; 9307 selectImageElement.alt = selectedVoice.avatar; 9308 } 9309 if (voiceListElement) { 9310 const lastNodes = []; 9311 Array.from(voiceListElement.childNodes).forEach((node) => { 9312 if (!node.classList.contains("mf-dropdown-list-item")) { 9313 lastNodes.push(node); 9314 } 9315 }); 9316 voiceListElement.innerHTML = ""; 9317 9318 const sortedVoices = getSortedVoices(); 9319 9320 sortedVoices?.forEach((voice, index) => { 9321 const isSelected = voice.voiceId === selectedVoice.voiceId; 9322 if (!isSelected && limit && index >= limit) return; 9323 const voiceElement = document.createElement("div"); 9324 voiceElement.classList.add("mf-dropdown-list-item"); 9325 if (isSelected) { 9326 voiceElement.classList.add("mf-selected"); 9327 } 9328 voiceElement.innerHTML = ` 9329 <div class="mf-dropdown-avatar"> 9330 <img width="32" height="32" src="https://murf.ai/public-assets/home/avatars/${voice.avatar}.jpg" alt="${voice.avatar}" loading="lazy"> 9331 </div> 9332 <div class="mf-list-item-title"> 9333 <div class="mf-primary-text">${voice.voiceName}</div> 9334 </div> 9335 `; 9336 voiceElement.onclick = () => handleVoiceSelection(voice); 9337 voiceListElement.appendChild(voiceElement); 9338 }); 9339 voiceListElement.append(...lastNodes); 9340 } 9341 } 9342 9343 function renderVoiceStyles() { 9344 if (!apiDataLoaded) { 9345 return; 9346 } 9347 const voiceStyleTargetElement = document.querySelector(voiceStyleTarget); 9348 if (!voiceStyleTargetElement) { 9349 console.error("Voice style target not found"); 9350 return; 9351 } 9352 if (selectedVoice?.voiceStyles?.length === 0) { 9353 $(voiceStyleTargetElement).hide(); 9354 return; 9355 } else { 9356 $(voiceStyleTargetElement).show(); 9357 } 9358 const voiceStyleListElement = 9359 voiceStyleTargetElement.querySelector(".mf-dropdown-list"); 9360 const selectTextElement = voiceStyleTargetElement.querySelector( 9361 ".mf-dropdown-btn-text" 9362 ); 9363 selectTextElement.textContent = selectedVoiceStyle; 9364 const selectImageAvatar = voiceStyleTargetElement.querySelector( 9365 ".mf-dropdown-avatar" 9366 ); 9367 if (selectImageAvatar) { 9368 selectImageAvatar.innerHTML = `<div>${ 9369 VOICE_STYLES[selectedVoiceStyle?.toLowerCase()?.replaceAll(" ", "")] 9370 ?.emoji ?? "ð" 9371 }</div>`; 9372 } 9373 9374 if (voiceStyleListElement) { 9375 const lastNodes = [];
9376 Array.from(voiceStyleListElement.childNodes).forEach((node) => { 9377 if (!node.classList.contains("mf-dropdown-list-item")) { 9378 lastNodes.push(node); 9379 } 9380 }); 9381 voiceStyleListElement.innerHTML = ""; 9382 const sortedVoiceStyles = getSortedVoiceStyles(); 9383 sortedVoiceStyles?.forEach((voiceStyle, index) => { 9384 const isSelected = voiceStyle === selectedVoiceStyle; 9385 if (!isSelected && limit && index >= limit) return; 9386 const voiceStyleElement = document.createElement("div"); 9387 voiceStyleElement.classList.add("mf-dropdown-list-item"); 9388 if (isSelected) { 9389 voiceStyleElement.classList.add("mf-selected"); 9390 } 9391 voiceStyleElement.innerHTML = ` 9392 <div class="mf-dropdown-avatar"> 9393 <div>${ 9394 VOICE_STYLES[voiceStyle?.toLowerCase()?.replaceAll(" ", "")] 9395 ?.emoji ?? "ð" 9396 }</div> 9397 </div> 9398 <div class="mf-list-item-title"> 9399 <div class="mf-primary-text">${voiceStyle}</div> 9400 </div> 9401 `; 9402 voiceStyleElement.onclick = () => handleVoiceStyleSelection(voiceStyle); 9403 voiceStyleListElement.appendChild(voiceStyleElement); 9404 }); 9405 voiceStyleListElement.append(...lastNodes); 9406 } 9407 } 9408 9409 function showError(loadingError) { 9410 $(trialTarget).css("display", "flex"); 9411 if (loadingError) { 9412 $(trialTarget + " #tts-try-error").css("display", "block"); 9413 } 9414 } 9415 9416 player.addEventListener("loadstart", () => { 9417 murflib.ReactGA.eventGA4("TTS Try Play Pause", { 9418 "Page url": window.location.pathname, 9419 }); 9420 playerState = "loading"; 9421 setPauseIconVisibility(false); 9422 setLoaderIconVisibility(true); 9423 setPlayIconVisibility(false); 9424 }); 9425 9426 player.addEventListener("error", (e) => { 9427 resetPlayState(); 9428 playerState = "error"; 9429 showError(true); 9430 }); 9431 player.addEventListener("canplay", () => { 9432 playerState = "playing"; 9433 player.play(); 9434 setPauseIconVisibility(true); 9435 setLoaderIconVisibility(false); 9436 setPlayIconVisibility(false); 9437 }); 9438 9439 player.addEventListener("ended", () => { 9440 playerState = "paused"; 9441 setPauseIconVisibility(false); 9442 setLoaderIconVisibility(false); 9443 setPlayIconVisibility(true); 9444 }); 9445 9446 player.addEventListener("pause", () => { 9447 setPauseIconVisibility(false); 9448 setLoaderIconVisibility(false); 9449 setPlayIconVisibility(true); 9450 }); 9451 9452 player.addEventListener("play", () => { 9453 setPauseIconVisibility(true); 9454 setLoaderIconVisibility(false); 9455 setPlayIconVisibility(false); 9456 }); 9457 9458 fetchVoiceData(); 9459 9460 $(playerTarget).click(() => { 9461 if (playerState === "idle") { 9462 if (playCount > 5) { 9463 showError(); 9464 return; 9465 } 9466 const text = $.trim($(editor).text()); 9467 if (!text) { 9468 return; 9469 } 9470 const params = new URLSearchParams({ 9471 text, 9472 voiceId: selectedVoice.voiceId, 9473 style: selectedVoiceStyle, 9474 }); 9475 const url = `${apiBaseUrl}/anonymous-tts/audio?` + params.toString(); 9476 player.src = url; 9477 player.load(); 9478 playCount += 1; 9479 } else if (playerState === "playing") { 9480 murflib.ReactGA.eventGA4("TTS Try Play Pause", { 9481 "Page url": window.location.pathname, 9482 }); 9483 player.pause(); 9484 setPauseIconVisibility(true); 9485 setLoaderIconVisibility(false); 9486 setPlayIconVisibility(false); 9487 playerState = "paused"; 9488 } else if (playerState === "paused") { 9489 murflib.ReactGA.eventGA4("TTS Try Play Pause", { 9490 "Page url": window.location.pathname, 9491 }); 9492 player.play(); 9493 setPauseIconVisibility(false); 9494 setLoaderIconVisibility(false); 9495 setPlayIconVisibility(true); 9496 playerState = "playing"; 9497 } 9498 }); 9499 9500 function useCaseTargetClick() { 9501 const useCase = $(this).data("content"); 9502 const voiceId = $(this).data("voice"); 9503 const voiceStyle = $(this).data("voice-style"); 9504 selectedUseCaseIndex = $(this).index(); 9505 murflib.ReactGA.eventGA4("TTS Try Usecase Select", { 9506 "Page url": window.location.pathname, 9507 useCase: $(this).html(), 9508 }); 9509 resetPlayState(); 9510 editorUpdateRequired = true; 9511 $(editor).html(useCase); 9512 $(this).addClass("select"); 9513 $(useCaseTarget).not(this).removeClass("select"); 9514 $("#character-counter").text( 9515 $(editor).text().length + " / " + maxCharacters 9516 ); 9517 selectedUseCase = $(this) 9518 .data("value") 9519 ?.split(",") 9520 ?.map((e) => e?.toLowerCase()?.trim()); 9521 9522 if (voiceId) {
9523 let newLang = voiceData?.find((language) => 9524 language.voices?.find((voice) => voice.voiceId === voiceId) 9525 ); 9526 let newVoice = newLang?.voices?.find( 9527 (voice) => voice.voiceId === voiceId 9528 ); 9529 let newVoiceStyle = newVoice?.voiceStyles?.find( 9530 (style) => style === voiceStyle 9531 ); 9532 9533 if (newVoice) { 9534 selectedLanguage = newLang; 9535 selectedVoice = newVoice; 9536 selectedVoiceStyle = newVoiceStyle ?? newVoice?.voiceStyles?.[0]; 9537 renderLanguages(true); 9538 } 9539 } else { 9540 selectedVoice = getSortedVoices()?.[0]; 9541 9542 let newVoiceStyle = selectedVoice?.voiceStyles?.find( 9543 (style) => style === voiceStyle 9544 ); 9545 selectedVoiceStyle = newVoiceStyle ?? getSortedVoiceStyles()?.[0]; 9546 } 9547 renderVoices(); 9548 renderVoiceStyles(); 9549 } 9550 9551 function addUseCaseEventListeners() { 9552 $(useCaseTarget).off("click", useCaseTargetClick); 9553 $(useCaseTarget).click(useCaseTargetClick); 9554 } 9555 9556 $(editor).bind("input", function (event) { 9557 editorUpdateRequired = false; 9558 let t = $(this).text(), 9559 e = t.length; 9560 resetPlayState(); 9561 if (e > maxCharacters) { 9562 $("#character-counter").addClass("over"); 9563 t = t.substring(0, maxCharacters); 9564 e = t.length; 9565 $(this).text(t); 9566 $(this).blur(); 9567 } else { 9568 $("#character-counter").removeClass("over"); 9569 } 9570 char = e + " / " + maxCharacters; 9571 $("#character-counter").text(char); 9572 }); 9573 9574 $(editor).blur(() => { 9575 murflib.ReactGA.eventGA4("TTS Try Enter Text", { 9576 "Page url": window.location.pathname, 9577 }); 9578 }); 9579 9580 $("#character-counter").text($(editor).text().length + " / " + maxCharacters); 9581 9582 function renderUseCases() { 9583 if (!apiDataLoaded) { 9584 return; 9585 } 9586 const useCaseDataElement = document.querySelector(useCaseDataTarget); 9587 const useCaseRenderElement = document.querySelector(useCaseRenderTarget); 9588 if (!useCaseDataElement || !useCaseRenderElement) { 9589 return; 9590 } 9591 let useCases = useCaseDataElement.querySelector( 9592 `#${selectedLanguage?.language ?? "default"}` 9593 ); 9594 if (!useCases) { 9595 useCases = useCaseDataElement.querySelector("#default"); 9596 } 9597 if (useCases) { 9598 useCaseRenderElement.innerHTML = useCases.innerHTML; 9599 let currentText = useCaseRenderElement.querySelector( 9600 ".tts-tab-name:nth-child(" + (selectedUseCaseIndex + 1) + ")" 9601 ); 9602 if (!currentText) { 9603 currentText = useCaseRenderElement.querySelector( 9604 ".tts-tab-name:nth-child(1)" 9605 ); 9606 } 9607 currentText.classList.add("select"); 9608 if (editorUpdateRequired) { 9609 $(editor).html(currentText.getAttribute("data-content")); 9610 $("#character-counter").text( 9611 $(editor).text().length + " / " + maxCharacters 9612 ); 9613 } 9614 selectedUseCase = currentText 9615 .getAttribute("data-value") 9616 ?.split(",") 9617 ?.map((e) => e?.toLowerCase()?.trim()); 9618 9619 addUseCaseEventListeners(); 9620 } 9621 } 9622 9623 addUseCaseEventListeners(); 9624})({ 9625 languageTarget: "#language-dropdown", 9626 voiceTarget: "#voice-dropdown", 9627 useCaseRenderTarget: "#tts-tool-tab", 9628 useCaseTarget: "#tts-tool-tab .tts-tab-name", 9629 useCaseDataTarget: "#use-cases-data", 9630 voiceStyleTarget: "#voice-style-dropdown", 9631 baseUrl: "https://murf.ai/Prod", 9632 editor: "#tts-editor", 9633 limit: 5, 9634 playerTarget: "#play-tts-preview", 9635 defaultLanguage: { 9636 accent: "US & Canada", 9637 language: "English", 9638 }, 9639 defaultVoiceId: "VM016372341539042UZ", 9640 defaultVoiceStyle: "Conversational", 9641 defaultUseCase: ["E-Learning & Presentations", "Documentary"], 9642 voiceSortOrder: [ 9643 "VM016372341539042UZ", 9644 "VM0164121392130292Q", 9645 "VM016922560137864CI", 9646 "VM016683248292834O9", 9647 "VM016665209547179OF", 9648 "VM016665209547153OB", 9649 "VM0170140941037743D", 9650 "VM016989906305189FR", 9651 "VM01698990630618719", 9652 "VM016989906306046TP", 9653 ], 9654 voiceStyleSortOrder: [ 9655 "Inspirational", 9656 "Conversational", 9657 "Narration", 9658 "Promo", 9659 "Luxury", 9660 ], 9661 languageSortOrder: [ 9662 { 9663 accent: "US & Canada", 9664 language: "English", 9665 }, 9666 { 9667 accent: "UK", 9668 language: "English", 9669 }, 9670 { 9671 accent: "", 9672 language: "German", 9673 }, 9674 { 9675 accent: "Australia", 9676 language: "English", 9677 }, 9678 { 9679 accent: "Spain", 9680 language: "Spanish", 9681 }, 9682 ], 9683 trialTarget: "#tts-try-message", 9684 defaultUseCaseIndex: 0, 9685}); 9686</script>
9686 9687 9688 9689 9690</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.