https://dubtab.com/_next/static/chunks/54-303fc3a1734b4122.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54],{3650:(e,t,r)=>{let l;r.d(t,{T:()=>u});var a=r(5155),n=r(2115),s=r(3878),o=r(9191),i=r(4505);function c(){var e;let t=window;return(null===(e=t.YT)||void 0===e?void 0:e.Player)?Promise.resolve(t.YT):l||(!function(){for(let e of["https://www.youtube.com","https://www.youtube-nocookie.com"]){if(document.querySelector('link[rel="preconnect"][href="'.concat(e,'"]')))continue;let t=document.createElement("link");t.rel="preconnect",t.href=e,document.head.appendChild(t)}}(),l=new Promise((e,r)=>{let l=t.onYouTubeIframeAPIReady,a=document.querySelector('script[src="https://www.youtube.com/iframe_api"]'),n=null!=a?a:document.createElement("script"),s=!1,o=o=>{var d;!s&&(s=!0,window.clearTimeout(u),n.removeEventListener("error",i),t.onYouTubeIframeAPIReady===c&&(t.onYouTubeIframeAPIReady=l),o?(a||n.remove(),r(o)):(null===(d=t.YT)||void 0===d?void 0:d.Player)&&e(t.YT))},i=()=>o(Error("YouTube API could not be loaded")),c=()=>{try{null==l||l()}finally{var e;(null===(e=t.YT)||void 0===e?void 0:e.Player)?o():i()}},u=window.setTimeout(i,15e3);t.onYouTubeIframeAPIReady=c,n.addEventListener("error",i,{once:!0}),a||(n.src="https://www.youtube.com/iframe_api",n.async=!0,document.head.appendChild(n))}).catch(e=>{throw l=void 0,e}))}let u=(0,n.forwardRef)(function(e,t){var r;return(0,a.jsx)(d,{ref:t,...e},"".concat(e.videoId,":").concat(null!==(r=e.title)&&void 0!==r?r:""))}),d=(0,n.forwardRef)(function(e,t){let{videoId:r,title:l="YouTube video player",autoPlay:u=!1,priority:d=!1,onPlay:m}=e,h=(0,s.c)("ui.videoPlayer"),[x,f]=(0,n.useState)(!1),[p,w]=(0,n.useState)(!0),[b,v]=(0,n.useState)("poster"),y=(0,n.useRef)(null),g=(0,n.useRef)(null),k=(0,n.useRef)(null),j=(0,n.useRef)(null),N=(0,n.useRef)(void 0),C=(0,n.useRef)(!1),A=(0,n.useRef)(m),T=(0,n.useRef)(null);(0,n.useEffect)(()=>{A.current=m},[m]);let E=(0,n.useCallback)(()=>{var e,t;k.current=null,window.clearTimeout(N.current),null===(e=j.current)||void 0===e||e.destroy(),j.current=null,T.current=null,null===(t=g.current)||void 0===t||t.replaceChildren()},[]),P=(0,n.useCallback)(()=>{c().catch(()=>{})},[]);(0,n.useEffect)(()=>{var e;let t;f(!0);let r=navigator.connection;if((null==r?void 0:r.saveData)||/(^|-)2g$/.test(null!==(e=null==r?void 0:r.effectiveType)&&void 0!==e?e:""))return;let l=!1,a=()=>{window.removeEventListener("load",n),void 0!==t&&("function"==typeof window.requestIdleCallback?window.cancelIdleCallback(t):window.clearTimeout(t),t=void 0)},n=()=>

1{if(l||void 0!==t)return;if("complete"!==document.readyState){window.addEventListener("load",n,{once:!0});return}let e=()=>{l=!0,P()};t="function"==typeof window.requestIdleCallback?window.requestIdleCallback(e,{timeout:2e3}):window.setTimeout(e,200)},s=new IntersectionObserver(e=>{let[t]=e;t.intersectionRatio>=.5?n():a()},{threshold:.5});return y.current&&s.observe(y.current),()=>{s.disconnect(),a()}},[P]);let R=(0,n.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;if(k.current||!g.current)return;let a=document.createElement("iframe");k.current=a,a.title=l,a.className="absolute inset-0 w-full h-full",a.style.border="0",a.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",a.allowFullscreen=!0,a.referrerPolicy="strict-origin-when-cross-origin";let n=new URLSearchParams({autoplay:"1",rel:"0",playsinline:"1",enablejsapi:"1",origin:window.location.origin});void 0!==t&&t>0&&n.set("start",String(Math.floor(t))),a.src="https://www.youtube-nocookie.com/embed/".concat(r,"?").concat(n);let s=e,o=()=>k.current===a,i=()=>{o()&&(window.clearTimeout(N.current),v("player"),s&&document.activeElement===document.body&&a.focus(),s=!1)},u=()=>{var e;i(),o()&&!C.current&&(C.current=!0,null===(e=A.current)||void 0===e||e.call(A))},d=()=>{o()&&(E(),v("error"))};a.addEventListener("load",i,{once:!0}),a.addEventListener("error",d,{once:!0}),v("loading"),N.current=window.setTimeout(d,2e4),g.current.appendChild(a),c().then(e=>{o()&&(j.current=new e.Player(a,{events:{onReady:e=>{let{target:t}=e;if(!o())return;i();let r=T.current;if(null!==r){T.current=null,t.seekTo(r,!0),t.playVideo();return}let l=t.getPlayerState();1===l?u():(-1===l||5===l)&&t.playVideo()},onStateChange:e=>{let{data:t}=e;1===t&&u()},onAutoplayBlocked:i,onError:d}}))}).catch(()=>{})},[E,l,r]);(0,n.useEffect)(()=>(u&&R(),E),[u,E,R]),(0,n.useImperativeHandle)(t,()=>({seekTo(e){let t=j.current;if(t){t.seekTo(e,!0),t.playVideo();return}if(k.current){T.current=e;return}R(!1,e)}}),[R]);let I=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("picture",{children:[p&&(0,a.jsx)("source",{type:"image/webp",srcSet:"https://i.ytimg.com/vi_webp/".concat(r,"/maxresdefault.webp")}),(0,a.jsx)("img",{src:"https://i.ytimg.com/vi/".concat(r,"/maxresdefault.jpg"),alt:"",width:1280,height:720,loading:d?"eager":"lazy",fetchPriority:d?"high":"auto",className:"absolute inset-0 w-full h-full object-cover",onError:e=>{if(p){w(!1);return}let t=e.currentTarget;t.src.endsWith("/hqdefault.jpg")||(t.src="https://i.ytimg.com/vi/".concat(r,"/hqdefault.jpg"))}})]}),(0,a.jsx)("span",{className:"absolute inset-0 bg-black/10 transition-colors group-hover/play:bg-black/20"}),(0,a.jsx)("span",{className:"relative flex h-14 w-20 items-center justify-center rounded-2xl bg-red-600 text-white shadow-lg transition-transform group-hover/play:scale-110",children:(0,a.jsx)(o.A,{className:"h-8 w-8 fill-current","aria-hidden":"true"})})]}),_="https://www.youtube.com/watch?v=".concat(r),S="group/play absolute inset-0 flex h-full w-full items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:-outline-offset-4 focus-visible:outline-blue-500";return(0,a.jsxs)("div",{ref:y,className:"relative w-full h-full bg-black",children:[(0,a.jsx)("div",{ref:g,className:"absolute inset-0"}),"poster"===b&&(x?(0,a.jsx)("button",{type:"button",className:S,"aria-label":h("play",{title:l}),onPointerEnter:P,onFocus:P,onPointerDown:P,onClick:e=>R(0===e.detail),children:I}):(0,a.jsx)("a",{href:_,className:S,"aria-label":h("play",{title:l}),children:I})),"loading"===b&&(0,a.jsxs)("div",{role:"status",className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-3 bg-black text-white",children:[(0,a.jsx)(i.A,{className:"h-8 w-8 animate-spin motion-reduce:animate-none","aria-hidden":"true"}),(0,a.jsx)("span",{children:h("loading")})]}),"error"===b&&(0,a.jsxs)("div",{role:"alert",className:"absolute inset-0 flex flex-col items-center justify-center gap-3 p-4 text-center text-white",children:[(0,a.jsx)("p",{children:h("error")}),(0,a.jsx)("button",{type:"button",onClick:e=>R(0===e.detail),className:"rounded-lg bg-white px-4 py-2 font-semibold text-slate-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",children:h("retry")}),(0,a.jsx)("a",{href:_,target:"_blank",rel:"noopener noreferrer",className:"text-sm underline underline-offset-4",children:h("watchOnYouTube")})]})]})})},8661:(e,t,r)=>{r.d(t,{UseCaseCtaButton:()=>i});var l=r(5155),a=r(2115),n=r(3533),s=r(7809),o=r(4197);let i=e=>{let{label:t,utmContent:r,className:i,showIcon:c=!0}=e,[u,d]=(0,a.useState)("other");(0,a.useEffect)(()=>{d((0,s.fx)())},[]);let m=(0,o.N)(u,r);return(0,l.jsxs)("a",{href:m,target:"_blank",rel:"noreferrer",onClick:()=>(0,s.sx)("usecase_install_click",{browser:u,utmContent:r}),className:null!=i?i:"inline-flex items-center justify-center gap-2 bg-primary hover:bg-primary-hover text-white px-8 py-4 rounded-xl text-lg font-bold shadow-xl shadow-primary/20 transition-all transform hover:-translate-y-1",children:[c&&(0,l.jsx)(n.A,{className:"w-5 h-5"}),(0,l.jsx)("span",{children:t})]})}},7667:(e,t,r)=>{r.d(t,{UseCaseFinalCta:()=>i});var l=r(5155),a=r(2115);let n=(0,r(7401).A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);var s=r(7809),o=r(4197);let i=e=>{let{content:t,slug:r}=e,[i,c]=(0,a.useState)("other");(0,a.useEffect)(()=>{c((0,s.fx)())},[]);let u="usecase-".concat(r,"-final");return(0,l.jsx)("section",{className:"py-20 bg-primary",children:(0,l.jsxs)("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center gap-6 text-center",children:[(0,l.jsx)("h2",{className:"text-3xl md:text-4xl font-extrabold text-white",children:t.title}),(0,l.jsx)("p",{className:"text-lg text-indigo-200",children:t.subtitle}),(0,l.jsxs)("a",{href:(0,o.N)(i,u),target:"_blank",rel:"noreferrer",onClick:()=>(0,s.sx)("usecase_install_click",{browser:i,utmContent:u}),className:"inline-flex items-center gap-2 bg-white hover:bg-slate-100 text-primary-hover px-9 py-4 rounded-xl text-lg font-bold shadow-xl transition-all transform hover:-translate-y-1",children:[(0,l.jsx)("span",{children:t.cta}),(0,l.jsx)(n,{className:"w-5 h-5"})]}),(0,l.jsx)("span",{className:"text-sm text-indigo-300",children:t.trust})]})})}},5041:(e,t,r)=>{r.d(t,{UseCaseHero:()=>u});var l=r(5155);r(2115);var a=r(7396),n=r(8485),s=r(2482),o=r(7809),i=r(3650),c=r(8661);let u=e=>{let{hero:t,video:r,ctaLabel:u,ctaDesktopLabel:d,locale:m,slug:h}=e;return(0,l.jsx)("section",{className:"relative pt-28 pb-16 lg:pt-36 lg:pb-20 overflow-hidden bg-gradient-to-b from-slate-50 via-white to-slate-50 dark:from-dark-card dark:via-dark-bg dark:to-dark-bg",children:(0,l.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[(0,l.jsxs)("div",{className:"max-w-3xl mx-auto flex flex-col items-center text-center",children:[(0,l.jsxs)("div",{className:"inline-flex items-center space-x-2 bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wider mb-6",children:[(0,l.jsx)("span",{className:"w-2 h-2 rounded-full bg-blue-500 animate-pulse"}),(0,l.jsx)("span",{children:t.badge})]}),(0,l.jsxs)("h1",{className:"text-4xl md:text-5xl lg:text-[3.4rem] font-extrabold text-slate-900 dark:text-white leading-tight mb-5",children:[t.title," ",(0,l.jsx)("span",{className:"block text-primary",children:t.titleAccent})]}),(0,l.jsx)("p",{className:"text-lg md:text-xl text-slate-600 dar

1k:text-slate-400 mb-7 leading-relaxed",children:t.subtitle}),(0,l.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 mb-5",children:[(0,l.jsx)(c.UseCaseCtaButton,{label:u,utmContent:"usecase-".concat(h,"-hero")}),(0,l.jsxs)(a.default,{href:(0,s.U1)(m),onClick:()=>(0,o.sx)("usecase_desktop_click",{slug:h,locale:m}),className:"flex items-center justify-center space-x-2 bg-white dark:bg-slate-800 text-slate-700 dark:text-slate-200 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 px-8 py-4 rounded-xl text-lg font-semibold transition-all",children:[(0,l.jsx)(n.A,{className:"w-5 h-5"}),(0,l.jsx)("span",{children:d})]})]}),(0,l.jsx)("p",{className:"text-sm text-slate-500 dark:text-slate-500 font-medium",children:t.trust})]}),r&&(0,l.jsxs)("div",{className:"max-w-4xl mx-auto mt-12 lg:mt-14 flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"rounded-xl shadow-2xl overflow-hidden aspect-video ring-1 ring-slate-200 dark:ring-slate-700",children:(0,l.jsx)(i.T,{videoId:r.youtubeId,title:r.name,priority:!0})}),t.videoCaption&&(0,l.jsx)("p",{className:"text-sm text-slate-500 dark:text-slate-400 text-center",children:t.videoCaption})]})]})})}},7401:(e,t,r)=>{r.d(t,{A:()=>d});var l=r(2115);let a=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),n=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase()),s=e=>{let t=n(e);return t.charAt(0).toUpperCase()+t.slice(1)},o=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()},i=e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0};var c={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let u=(0,l.forwardRef)((e,t)=>{let{color:r="currentColor",size:a=24,strokeWidth:n=2,absoluteStrokeWidth:s,className:u="",children:d,iconNode:m,...h}=e;return(0,l.createElement)("svg",{ref:t,...c,width:a,height:a,stroke:r,strokeWidth:s?24*Number(n)/Number(a):n,className:o("lucide",u),...!d&&!i(h)&&{"aria-hidden":"true"},...h},[...m.map(e=>{let[t,r]=e;return(0,l.createElement)(t,r)}),...Array.isArray(d)?d:[d]])}),d=(e,t)=>{let r=(0,l.forwardRef)((r,n)=>{let{className:i,...c}=r;return(0,l.createElement)(u,{ref:n,iconNode:t,className:o("lucide-".concat(a(s(e))),"lucide-".concat(e),i),...c})});return r.displayName=s(e),r}},3533:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("chromium",[["path",{d:"M10.88 21.94 15.46 14",key:"xkve6t"}],["path",{d:"M21.17 8H12",key:"19dcdn"}],["path",{d:"M3.95 6.06 8.54 14",key:"g8jz9m"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}]])},6122:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]])},4505:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},6710:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("menu",[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]])},8485:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("monitor",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]])},9191:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]])},767:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(7401).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},7396:(e,t,r)=>{r.d(t,{default:()=>a.a});var l=r(4839),a=r.n(l)},6046:(e,t,r)=>{var l=r(6658);r.o(l,"usePathname")&&r.d(t,{usePathname:function(){return l.usePathname}}),r.o(l,"useRouter")&&r.d(t,{useRouter:function(){return l.useRouter}}),r.o(l,"useSearchParams")&&r.d(t,{useSearchParams:function(){return l.useSearchParams}})},3878:(e,t,r)=>{r.d(t,{c:()=>n});var l=r(766);function a(e,t){return(...e)=>{try{return t(...e)}catch{throw Error(void 0)}}}let n=a(0,l.c3);a(0,l.kc)}}]);