https://snapbg.ai/_next/static/chunks/6800-ea061e58993e80ab.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6800],{77557:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ImgComparisonSlider=void 0;let h=n(67294);"undefined"!=typeof document&&Promise.resolve().then(()=>l(n(59058))),t.ImgComparisonSlider=(0,h.forwardRef)(({children:e,onSlide:t,value:n,className:r,...o},l)=>{let c=(0,h.useRef)();return(0,h.useEffect)(()=>{void 0!==n&&(c.current.value=parseFloat(n.toString()))},[n,c]),(0,h.useEffect)(()=>{t&&c.current.addEventListener("slide",t)},[]),(0,h.useImperativeHandle)(l,()=>c.current,[c]),(0,h.createElement)("img-comparison-slider",Object.assign({class:r?`${r} rendered`:"rendered",tabIndex:0,ref:c},o),e)})},59058:function(){(()=>{"use strict";var e={792:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(609),o=n.n(r)()(function(e){return e[1]});o.push([e.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);let l=o},609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n}).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var l=0;l<this.length;l++){var h=this[l][0];null!=h&&(o[h]=!0)}for(var c=0;c<e.length;c++){var m=[].concat(e[c]);r&&o[m[0]]||(n&&(m[2]?m[2]="".concat(n," and ").concat(m[2]):m[2]=n),t.push(m))}},t}}},t={};function i(n){var r=t[n];

1if(void 0!==r)return r.exports;var o=t[n]={id:n,exports:{}};return e[n](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{let e;var t=i(792);let n="rendered",s=(e,t)=>{let n,r;let o=e.getBoundingClientRect();return"mousedown"===t.type?(n=t.clientX,r=t.clientY):(n=t.touches[0].clientX,r=t.touches[0].clientY),n>=o.x&&n<=o.x+o.width&&r>=o.y&&r<=o.y+o.height},r={ArrowLeft:-1,ArrowRight:1},o=["horizontal","vertical"],a=e=>({x:e.touches[0].pageX,y:e.touches[0].pageY}),d=e=>({x:e.pageX,y:e.pageY}),l="undefined"!=typeof window&&(null==window?void 0:window.HTMLElement);"undefined"!=typeof window&&(window.document&&((e=document.createElement("template")).innerHTML='<div class="second" id="second"> <slot name="second"><slot name="before"></slot></slot> </div> <div class="first" id="first"> <div class="first-overlay"> <div class="first-overlay-container" id="firstImageContainer"> <slot name="first"><slot name="after"></slot></slot> </div> </div> <div class="handle-container"> <div class="divider"></div> <div class="handle" id="handle"> <slot name="handle"> <svg xmlns="http://www.w3.org/2000/svg" class="default-handle" viewBox="-8 -3 16 6"> <path d="M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2" fill="none" vector-effect="non-scaling-stroke"/> </svg> </slot> </div> </div> </div> '),window.customElements.define("img-comparison-slider",class extends l{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):50,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=e=>{if(this.isMouseDown||this.slideOnHover){let t=d(e);this.slideToPage(t)}},this.bodyUserSelectStyle="",this.bodyWebkitUserSelectStyle="",this.onMouseDown=e=>{if(this.slideOnHover||this.handle&&!s(this.handleElement,e))return;e.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();let t=d(e);this.slideToPage(t),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,this.bodyWebkitUserSelectStyle=window.document.body.style.webkitUserSelect,window.document.body.style.userSelect="none",window.document.body.style.webkitUserSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.document.body.style.webkitUserSelect=this.bodyWebkitUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=e=>{this.dragByHandle&&!s(this.handleElement,e)||(this.touchStartPoint=a(e),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=e=>{if(null===this.touchStartPoint)return;let t=a(e);if(this.isTouchComparing)return this.slideToPage(t),e.preventDefault(),!1;if(!this.hasTouchMoved){let n=Math.abs(t.y-this.touchStartPoint.y),r=Math.abs(t.x-this.touchStartPoint.x);if("horizontal"===this.slideDirection&&n<r||"vertical"===this.slideDirection&&n>r)return this.isTouchComparing=!0,this.focus(),this.slideToPage(t),e.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=e=>{if("disabled"===this.keyboard)return;let t=r[e.key];this.animationDirection!==t&&void 0!==t&&(this.animationDirection=t,this.startSlideAnimation())},this.onKeyUp=e=>{if("disabled"===this.keyboard)return;let t=r[e.key];void 0!==t&&this.animationDirection===t&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};let n=this.attachShadow({mode:"open"}),o=document.createElement("style");o.innerHTML=t.Z,this.getAttribute("nonce")&&o.setAttribute("nonce",this.getAttribute("nonce")),n.appendChild(o),n.appendChild(e.content.cloneNode(!0)),this.firstElement=n.getElementById("first"),this.handleElement=n.getElementById("handle")}set handle(e){this.dragByHandle="false"!==e.toString().toLowerCase()}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(e){let t=parseFloat(e);t!==this.exposure&&(this.exposure=t,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(e){this.slideOnHover="false"!==e.toString().toLowerCase(),this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(e){this.slideDirection=e.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...o),o.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",e=>(e.preventDefault(),!1)),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&"disabled"===this.getAttribute("keyboard")?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(n)||this.classList.add(n)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(e,t,n){"hover"===e&&(this.hover=n),"direction"===e&&(this.direction=n),"ke

1yboard"===e&&(this.keyboard="disabled"===n?"disabled":"enabled")}setExposure(e=0){var t;this.exposure=(t=this.exposure+e)<0?0:t>100?100:t,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(e=0){this.setExposure(e);let t=new Event("slide");this.dispatchEvent(t)}slideToPage(e){"horizontal"===this.slideDirection&&this.slideToPageX(e.x),"vertical"===this.slideDirection&&this.slideToPageY(e.y)}slideToPageX(e){let t=e-this.getBoundingClientRect().left-window.scrollX;this.exposure=t/this.imageWidth*100,this.slide(0)}slideToPageY(e){let t=e-this.getBoundingClientRect().top-window.scrollY;this.exposure=t/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout(()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null},100)}startSlideAnimation(){let e=null,t=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");let i=n=>{if(0===this.animationDirection||t!==this.animationDirection)return;null===e&&(e=n);let r=(n-e)/16.666666666666668*this.animationDirection;this.slide(r),setTimeout(()=>window.requestAnimationFrame(i),0),e=n};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}))})()})()},56800:function(e,t,n){"use strict";n.d(t,{Z:function(){return page_RemoveBackgroundSubPage}});var r=n(85893),o=n(42780),l=n(91714),h=n(75831),c=n(96529),m=n(88162),u=n(24516),p=n(5708),g=n(11163),b=n(67294),v=n(93967),f=n.n(v),x=n(13991),w=n(10314),y=n(52003),layout_SubHero=e=>{let{isPremium:t}=w.Z.useContainer(),n=e.header,{isTablet:o}=(0,y.Z)(),l=(0,g.useRouter)();return(0,r.jsx)("div",{className:"sub-hero-bg",children:(0,r.jsx)("div",{className:f()("container pt-24 tlg:pb-24 space-y-6","tlg:relative tlg:space-y-0","tlg:min-h-[700px] tlg:pt-40","lg+:flex md:flex-row tlg:justify-between tlg:items-start tlg:gap-8"),children:(0,r.jsxs)("div",{className:f()("w-[100%]"),children:[(0,r.jsxs)("h1",{className:f()("text-neutral-ink-700 tlg:mb-6 mb-3 text-center !leading-tight H30B",l.pathname===c._.removeBg||"/upload"===l.pathname?"tlg:H54B":"tlg:H56B"),children:[null==n?void 0:n.title," ",(0,r.jsx)("div",{className:f()("block w-fit relative","after:absolute after:bg-[#27FFFF]","after:left-0 after:bottom-1.5 tlg:after:bottom-2","after:w-full after:h-2 tlg:after:h-3","mx-auto mt-3 tlg:mx-0 tlg:mt-0"),children:(0,r.jsx)("span",{className:"relative z-10",children:null==n?void 0:n.subtitle})})]}),(0,r.jsx)("p",{className:f()("text-grey-08","text-center","T16R tlg:T20R"),children:null==n?void 0:n.content}),(0,r.jsx)(x.Z,{...e})]})})})},j=n(82407);let DividerIcon=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"51",height:"51",fill:"none",viewBox:"0 0 51 51",children:[(0,r.jsxs)("g",{filter:"url(#a)",children:[(0,r.jsx)("rect",{width:"43.368",height:"43.368",x:"47.369",y:"3",fill:"#fff",rx:"21.684",transform:"rotate(90 47.37 3)"}),(0,r.jsx)("path",{stroke:"#252638",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m30.435 29.685 5-5-5-5m-9.498-.001-5 5 5 5"})]}),(0,r.jsx)("defs",{children:(0,r.jsxs)("filter",{id:"a",width:"49.824",height:"49.825",x:".773",y:".579",colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",children:[(0,r.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,r.jsx)("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),(0,r.jsx)("feOffset",{dy:".807"}),(0,r.jsx)("feGaussianBlur",{stdDeviation:"1.614"}),(0,r.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,r.jsx)("feColorMatrix",{values:"0 0 0 0 0.12715 0 0 0 0 0.20209 0 0 0 0 0.347562 0 0 0 0.12 0"}),(0,r.jsx)("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_59_2159"}),(0,r.jsx)("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_59_2159",result:"shape"})]})})]});var I=n(77557);let ImageSlider=e=>{let[t,n]=(0,b.useState)(!1),[[o,l],h]=(0,b.useState)([0,0]),[[c,m],u]=(0,b.useState)([0,0]),[p,g]=(0,b.useState)(e.leftImage);return(0,r.jsx)("div",{className:"relative cursor-pointer",children:(0,r.jsxs)(I.ImgComparisonSlider,{className:f()("relative w-full rounded-2xl",e.containerClassName),hover:!0,children:[(0,r.jsx)("img",{className:f()("sm:max-h-[465px] w-full m-auto tlg:h-full",e.imgClassName),slot:"first",src:e.leftImage,alt:"original-image"}),(0,r.jsx)("img",{className:f()("sm:max-h-[465px] w-full m-auto tlg:h-full",e.imgClassName),slot:"second",src:e.rightImage,alt:"enhanced-image"}),(0,r.jsx)("span",{slot:"handle",children:e.slotIcon})]})})};var layout_TopBannerMedia=e=>{let{isPremium:t}=w.Z.useContainer(),n=e.onUpload,{isTablet:o}=(0,y.Z)();return(0,g.useRouter)(),(0,r.jsx)("div",{className:"hero-bg",children:(0,r.jsxs)("div",{className:f()("lg+:container pt-24 tlg:pb-24 space-y-6 lg:px-5","tlg:relative tlg:space-y-0","tlg:min-h-[700px] tlg:pt-40","tlg:flex md:flex-row tlg:justify-between tlg:items-start tlg:gap-8"),children:[(0,r.jsxs)("div",{className:f()("tlg:w-[50%] text-center tlg:text-left px-5"),children:[(0,r.jsx)("h1",{className:"H44B text-[48px]",children:e.title}),(0,r.jsx)("p",{className:"mt-4 mb-8 text-slate-600",children:e.subt

1itle}),(0,r.jsx)(j.Z,{title:"Remove background",onClick:n}),(0,r.jsx)("div",{className:f()("h-full lg+:w-[50%] hidden sm:block mt-4"),children:(0,r.jsx)(ImageSlider,{leftImage:e.bannerImg1,rightImage:e.bannerImg2,slotIcon:(0,r.jsx)(DividerIcon,{})})})]}),(0,r.jsx)("div",{className:f()("h-full tlg:w-[50%] hidden tlg:block"),children:(0,r.jsx)(ImageSlider,{leftImage:e.bannerImg1,rightImage:e.bannerImg2,slotIcon:(0,r.jsx)(DividerIcon,{})})})]})})},k=n(46095),S=n(27961);let Upside=e=>{let{title:t,subtitle:n,side:o="left",imgUrl:l,alt:h,onClick:m,iconColor:u,bgColor:b,outline:v}=e,{t:x}=(0,p.Z)("home"),{isTablet:w,isDesktop:j}=(0,y.Z)(),I=(0,g.useRouter)(),_=[c._.animalLovers,c._.developer,c._.marketing,c._.photographer,c._.ecommerce,c._.carDealership];return(0,r.jsxs)("div",{className:f()(w?"":"sm+:flex","sm+:justify-between sm+:items-center","text-base-content-primary"),children:[!j&&(0,r.jsx)("h3",{className:f()("sm:text-[28px] md:text-[48px] tlg:mt-10 mt-6 mb-4 sm:text-xl font-semibold sm+:hidden",!w&&"text-start"),style:{lineHeight:"38px"},children:t}),(0,r.jsx)("img",{src:l,alt:_.includes(I.pathname)?"":h,className:f()("right"===o&&!w&&"order-2",w?"mb-4":"max-w-[528px] w-full rounded-2xl")}),(0,r.jsxs)("div",{className:f()(w?"":"right"===o?"sm+:pr-20":"sm+:pl-20","tlg:mt-4 flex justify-start flex-col items-start","lg:items-center","h-full"),children:[(0,r.jsx)("h3",{className:f()("sm+:text-[48px] tlg:mt-10 mt-6 sm:text-xl font-semibold sm:hidden",!w&&"text-start"),style:{lineHeight:"64px"},children:t}),(0,r.jsx)("p",{className:f()("sm:text-sm mt-4",!w&&"text-start"),children:n}),(0,r.jsxs)("button",{className:f()("font-semibold mt-8","flex items-center justify-center",{"ml-auto mr-auto":w}),onClick:m,style:{color:u},children:[(0,r.jsx)("span",{className:"inline-block align-middle",children:(0,r.jsxs)(k.Z,{className:"font-semibold text-blue-500",variant:"T18R",children:[" ",x("landing.button.trynow")]})}),(0,r.jsx)(S.d,{size:29,type:"arrow_right",className:"ml-1 align-middle inline-block",color:u})]})]})]})};var layout_UpsidesSubPage=e=>{let{title:t,label:n,adsTitle:o,upsides:l=[],onTryNow:h}=e,{t:m}=(0,p.Z)("home"),u=(0,g.useRouter)();return(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:f()("bg-white","tlg:pt-24 tlg:pb-[120px] pt-10"),children:(0,r.jsxs)("div",{className:"container text-center flex items-center flex-col",children:[(u.pathname===c._.removeBg||"/upload"===u.pathname)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"text-center",children:(0,r.jsx)(k.Z,{variant:"H18B",className:"text-blue-600",children:n})}),(0,r.jsxs)("h2",{className:"leading-normal H30B tlg:w-[620px] tlg:H48B mt-3",children:[t," ",(0,r.jsx)("span",{className:"inline-block leading-normal ai-gradient",children:o})]})]}),(0,r.jsx)("div",{className:f()("space-y-10 pt-8","tlg:pt-24 tlg:space-y-24"),children:l.map((e,t)=>(0,r.jsx)(Upside,{title:e.title,subtitle:e.subtitle,imgUrl:e.imgUrl,side:e.side,alt:(null==e?void 0:e.alt)||"snap main feature",onClick:h,iconColor:"blue",bgColor:e.bgColor,outline:e.outline},t))})]})})})},page_RemoveBackgroundSubPage=e=>{let{title:t,subtitle:n,titleHero:b,content:v,titleUpside1:f,titleUpside2:x,titleUpside3:w,titleUpside4:y,subtitleUpside1:j,subtitleUpside2:I,subtitleUpside3:k,subtitleUpside4:S}=e,{onUpload:_,onTrySample:E,setEditorScreen:C}=m.Z.useContainer(),{t:T}=(0,p.Z)(h.t.RemoveBgHomePage);(0,u.Z)();let F=(0,g.useRouter)(),N={[c._.animalLovers]:{bannerImg1:"https://assets.snapbg.ai/images/animal-lovers-hero-banner-before.webp",bannerImg2:"https://assets.snapbg.ai/images/animal-lovers-hero-banner-after.webp",usecase1Img:"https://assets.snapbg.ai/images/animal-lovers-usecase-01.webp",usecase2Img:"https://assets.snapbg.ai/images/animal-lovers-usecase-02.webp",usecase3Img:"https://assets.snapbg.ai/images/animal-lovers-usecase-03.webp",usecase4Img:"https://assets.snapbg.ai/images/animal-lovers-usecase-04.webp"},[c._.developer]:{bannerImg1:"https://assets.snapbg.ai/images/deverlopers-hero-banner-before.webp",bannerImg2:"https://assets.snapbg.ai/images/deverlopers-hero-banner-after.webp",usecase1Img:"https://assets.snapbg.ai/images/deverlopers-usecase-01.webp",usecase2Img:"https://assets.snapbg.ai/images/deverlopers-usecase-02.webp",usecase3Img:"https://assets.snapbg.ai/images/deverlopers-usecase-03.webp",usecase4Img:"https://assets.snapbg.ai/images/deverlopers-usecase-04.webp"},[c._.ecommerce]:{bannerImg1:"https://assets.snapbg.ai/images/ecommerce-hero-banner-before.webp",bannerImg2:"https://assets.snapbg.ai/images/ecommerce-hero-banner-after.webp",usecase1Img:"https://assets.snapbg.ai/images/ecommerce-usecase-01.webp",usecase2Img:"https://assets.snapbg.ai/images/ecommerce-usecase-02.webp",usecase3Img:"https://assets.snapbg.ai/images/ecommerce-usecase-03.webp",usecase4Img:"https://assets.snapbg.ai/images/ecommerce-usecase-04.webp"},[c._.marketing]:{bannerImg1:"https://assets.snapbg.ai/images/marketing-hero-banner-before.webp",bannerImg2:"https://assets.snapbg.ai/images/marketing-hero-banner-after.webp",usecase1Img:"https://assets.snapbg.ai/images/marketing-usecase-01.webp",usecase2Img:"https://assets.snapbg.ai/images/marketing-usecase-02.webp",usecase3Img:"https://assets.snapbg.ai/images/marketing-usecase-03.webp",usecase4Img:"https://assets.snapbg.ai/images/marketing-usecase-04.webp"},[c._.photographer]:{bannerImg1:"https://assets.snapbg.ai/images/photographer-hero-banner-before.webp",bannerImg2:"https://assets.snapbg.ai/images/photographer-hero-banner-after.webp",usecase1Img:"https://assets.snapbg.ai/images/photographer-usecase-01.webp",usecase2Img:"https://assets.snapbg.ai/images/photographer-usecase-02.webp",usecase3Img:"https://assets.snapbg.ai/images/photographer-usecase-03.webp",usecase4Img:"https://assets.snapbg.ai/images/photographer-usecase-04.webp"},[c._.carDealership]:{bannerImg1:"https://assets.snapbg.ai/images/car-dealership-hero-banner-before.webp",bannerImg2:"https://assets.snapbg.ai/images/car-dealership-hero-banner-after.webp",usecase1Img:"https://assets.snapbg.ai/images/car-dealership-usecase-01.webp",usecase2Img:"https://assets.snapbg.ai/images/car-dealership-usecase-02.webp",usecase3Img:"https://assets.snapbg.ai/images/car-dealership-usecase-03.webp",usecase4Img:"https://assets.snapbg.ai/images/car-dealership-usecase-04.webp"}},{bannerImg1:D,bannerImg2:M,usecase1Img:L,usecase2Img:B,usecase3Img:A,usecase4Img:P}=N[F.pathname];return(0,r.jsxs)("div",{className:"bg-white",children:[(0,r.jsx)(layout_TopBannerMedia,{title:t,subtitle:n,onUpload:_,bannerImg1:D,bannerImg2:M}),(0,r.jsx)(layout_UpsidesSubPage,{title:T("upside.title"),label:T("upside.label"),adsTitle:T("upside.subtitle"),upsides:[{iconColor:"#725631",bgColor:"#F6F0EA",outline:"#FCFAF8",title:f,subtitle:j,alt:T("upside.upside_1.alt"),imgUrl:L,side:"right"},{iconColor:"#0025CC",bgColor:"#E0E6FF",outline:"#F5F7FF",title:x,subtitle:I,alt:T("upside.upside_2.alt"),imgUrl:B},{iconColor:"#20A663",bgColor:"#E5FAF0",outline:"#F6FDFA",title:w,subtitle:k,alt:T("upside.upside_3.alt"),imgUrl:A,side:"right"},{iconColor:"#A647FF",bgColor:"#F0E0FF",outline:"#FAF5FF",title:y,subtitle:S,alt:T("upside.upside_4.alt"),imgUrl:P}],onTryNow:_}),(0,r.jsx)(o.Z,{title:T("app_ads.title"),subtitle:T("app_ads.subtitle")}),(0,r.jsx)(layout_SubHero,{heroImgUrl:"https://assets.snapbg.ai/images/remove_background_from_image_free.webp",samples:[{thumb:"https://assets.snapbg.ai/images/sample-remove-bg-1-xs.webp",sample:"https://assets.snapbg.ai/images/sample-remove-bg-1.webp"},{thumb:"https://assets.snapbg.ai/images/sample-remove-bg-2-xs.webp",sample:"https://assets.snapbg.ai/images/sample-remove-bg-2.webp"},{thumb:"https://assets.snapbg.ai/images/sample-remove-bg-3-xs.webp",sample:"https://assets.snapbg.ai/images/sample-remove-bg-3.webp"},{thumb:"https://assets.snapbg.ai/images/sample-remove-bg-4-xs.webp",sample:"https://assets.snapbg.ai/images/sample-remove-bg-4.webp"}],header:{title:b,subtitle:T("hero.h1.sub"),content:v},onTrySample:E,onUpload:_}),(0,r.jsx)(l.Z,{})]})}}}]);