1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{3123:(e,s,t)=>{"use strict";t.d(s,{K:()=>l,k:()=>n});var r=t(95988);let l=(0,r.vt)((e,s)=>({stack:[],isActive:e=>!!s().stack.find(s=>s.name===e),show:(s,t)=>e(e=>({stack:[...e.stack,{name:s,props:t}]})),hide:()=>e(e=>({stack:e.stack.slice(0,-1)})),hideAll:()=>e({stack:[]})}));var i=t(89863);let a=()=>({user:{}}),n=(0,r.vt)()((0,i.Zr)(e=>({...a(),login:s=>e({...s}),logout:()=>e({...a()})}),{name:"user",storage:(0,i.KU)(()=>sessionStorage),partialize:e=>{var s,t,r,l,i,a,n;return{user:{id:null==e||null==(s=e.user)?void 0:s.id,email:null==e||null==(t=e.user)?void 0:t.email,email_verified:null==e||null==(r=e.user)?void 0:r.email_verified,locale:null==e||null==(l=e.user)?void 0:l.locale,username:null==e||null==(i=e.user)?void 0:i.username,name:null==e||null==(a=e.user)?void 0:a.name,role:null==e||null==(n=e.user)?void 0:n.role}}}}))},8165:(e,s,t)=>{"use strict";t.d(s,{Z:()=>n});var r=t(95155),l=t(12115),i=t(85203),a=t.n(i);let n=(0,l.memo)(e=>{let{url:s="about:blank",children:t,className:l}=e;return(0,r.jsxs)("div",{className:a()("relative w-full h-auto border border-solid rounded-lg border-default z-1",l),children:[(0,r.jsxs)("div",{className:"relative flex items-center w-full px-24 py-2 rounded-t-lg bg-default",children:[(0,r.jsxs)("div",{className:"absolute flex -translate-y-1 gap-x-1 top-2/4 start-4",children:[(0,r.jsx)("span",{className:"rounded-full bg-neutralBg size-2 "}),(0,r.jsx)("span",{className:"rounded-full bg-neutralBg size-2 "}),(0,r.jsx)("span",{className:"rounded-full bg-neutralBg size-2 "})]}),(0,r.jsx)("div",{className:"flex notransalte justify-center items-center px-0.5 flex-1 bg-neutralBg text-[.25rem] text-defaultText rounded-sm sm:text-[.5rem]",children:s})]}),(0,r.jsx)("div",{className:"relative border-b rounded-b-lg border-b-solid border-b-default bg-onNeutralBg",children:t})]})})},30241:(e,s,t)=>{"use strict";t.d(s,{n:()=>n});var r=t(95155),l=t(12115),i=t(85203),a=t.n(i);let n=(0,l.memo)(e=>{let{activeIndicatorClassName:s,nonActiveIndicatorClassName:t,indicatorClassName:i,children:n,dataLength:o=0,indicatorPosition:d="bottom",showProgressBar:c=!0,autoplay:m=!1,autoPlayInterval:u=3e3}=e,h=(0,l.useRef)(null),x=(0,l.useRef)(null),g=(0,l.useRef)(!1),v=(0,l.useRef)(0),p=(0,l.useRef)(0),f=(0,l.useRef)(0),[b,j]=(0,l.useState)(!1),[y,w]=(0,l.useState)(0),N=()=>{var e;return(null==(e=h.current)?void 0:e.offsetWidth)||0},P=e=>{let s=h.current;if(!s||!g.current)return;let t=e.clientX-v.current;f.current=t,s.scrollLeft=p.current-t,Math.abs(t)>5&&j(!0)},k=()=>{let e=h.current;if(e&&(g.current=!1,document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",k),Math.abs(f.current)>5)){let s=N(),t=e.scrollLeft-p.current,r=.1*s,l=y;t>r?l=Math.min(y+1,o-1):t<-r&&(l=Math.max(y-1,0)),w(l),e.scrollTo({left:l*s,behavior:"smooth"})}},S=()=>(0,r.jsxs)(r.Fragment,{children:[o<10&&(0,r.jsx)("div",{className:"flex justify-center gap-2 mt-4",children:Array.from({length:o}).map((e,l)=>(0,r.jsx)("div",{className:a()("h-2 rounded-full transition-all duration-300",{"w-6 bg-[#5062ff]":l===y,"w-3 bg-[#c0c6db]":l!==y,[s||""]:l===y,[t||""]:l!==y},i)},l))}),o>=10&&(0,r.jsx)("div",{className:"flex justify-center gap-2 mt-4",children:(()=>{if(o<=5)return Array.from({length:o},(e,s)=>s);let e=Math.max(0,y-Math.floor(2.5)),s=Math.min(o,e+5);return s-e<5&&(e=Math.max(0,s-5)),Array.from({length:s-e},(s,t)=>t+e)}
1)().map(e=>(0,r.jsx)("div",{className:a()("h-2 rounded-full transition-all duration-300",{"w-6 bg-[#5062ff]":e===y,"w-3 bg-[#c0c6db]":e!==y,[s||""]:e===y,[t||""]:e!==y},i)},e))})]}),_=()=>{w(e=>{let s=(e+1)%o;return(e=>{let s=h.current,t=N();s&&s.scrollTo({left:e*t,behavior:"smooth"})})(s),s})};return(0,l.useEffect)(()=>{if(m&&u>0&&o>1)return x.current=setInterval(_,u),()=>clearInterval(x.current)},[u,o,m]),(0,r.jsxs)("div",{className:"w-full overflow-hidden select-none",children:[c&&(0,r.jsx)("div",{className:"w-full h-0.5 overflow-hidden bg-[#c0c6db] rounded-full",children:(0,r.jsx)("div",{className:"h-full transition-all duration-300 bg-[#5062ff]",style:{width:"".concat((y+1)/o*100,"%")}})}),"top"===d&&(0,r.jsx)(S,{}),(0,r.jsx)("div",{ref:h,className:"flex overflow-x-scroll snap-x snap-mandatory no-scrollbar scroll-smooth",style:{scrollSnapType:"x mandatory"},onMouseDown:e=>{let s=h.current;s&&(g.current=!0,f.current=0,j(!1),v.current=e.clientX,p.current=s.scrollLeft,document.addEventListener("mousemove",P),document.addEventListener("mouseup",k))},onTouchStart:e=>{let s=h.current;s&&(g.current=!0,f.current=0,j(!1),v.current=e.touches[0].clientX,p.current=s.scrollLeft)},onTouchMove:e=>{let s=h.current;if(!s||!g.current)return;let t=e.touches[0].clientX-v.current;f.current=t,s.scrollLeft=p.current-t,Math.abs(t)>5&&j(!0)},onTouchEnd:()=>{let e=h.current;if(e&&(g.current=!1,Math.abs(f.current)>5)){let s=N(),t=e.scrollLeft-p.current,r=.1*s,l=y;t>r?l=Math.min(y+1,o-1):t<-r&&(l=Math.max(y-1,0)),w(l),e.scrollTo({left:l*s,behavior:"smooth"})}},onScroll:()=>{let e=h.current,s=N();e&&w(Math.round(e.scrollLeft/s))},onClickCapture:e=>{b&&(e.preventDefault(),e.stopPropagation())},children:null==n?void 0:n({width:N(),className:"flex-shrink-0 snap-center",currentSlide:y})}),"bottom"===d&&(0,r.jsx)(S,{})]})})},51814:(e,s,t)=>{"use strict";t.r(s),t.d(s,{useOpenStreetMapNominatim:()=>l});var r=t(53455);function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["*"],t=arguments.length>2?arguments[2]:void 0,{isLoading:l,isFetching:i,isError:a,data:n,refetch:o}=(0,r.useQuery)({queryKey:["OpenStreetMapNominatim",e],queryFn:()=>e?fetch("https://nominatim.openstreetmap.org/search?format=jsonv2&q=".concat(e,"&countrycodes=").concat(s.join(","),"&accept-language=en-US")).then(e=>e.json()).then(e=>e):[],enabled:!0,refetchOnWindowFocus:!1}),{isLoading:d,isFetching:c,data:m,refetch:u}=(0,r.useQuery)({queryKey:["OpenStreetMapNominatim-reverse",null==t?void 0:t.lat,null==t?void 0:t.lng],queryFn:()=>{if(t)return fetch("https://nominatim.openstreetmap.org/reverse?format=json&lat=".concat(t.lat,"&lon=").concat(t.lng,"&countrycodes=").concat(s.join(","),"&accept-language=en-US")).then(e=>e.json()).then(e=>e)},enabled:!0,refetchOnWindowFocus:!1});return{loading:l||i||d||c,isError:a,data:n,fetchFn:()=>o().then(e=>e.data),reverseFn:()=>u().then(e=>e.data),reverseData:m}}},52504:(e,s,t)=>{Promise.resolve().then(t.bind(t,15223)),Promise.resolve().then(t.bind(t,64284)),Promise.resolve().then(t.bind(t,88125)),Promise.resolve().then(t.bind(t,21361)),Promise.resolve().then(t.bind(t,3496)),Promise.resolve().then(t.bind(t,9246)),Promise.resolve().then(t.bind(t,85944)),Promise.resolve().then(t.bind(t,68236)),Promise.resolve().then(t.bind(t,51116)),Promise.resolve().then(t.bind(t,51268)),Promise.resolve().then(t.bind(t,78730)),Promise.resolve().then(t.bind(t,50234)),Promise.resolve().then(t.bind(t,24717)),Promise.resolve().then(t.bind(t,97879)),Promise.resolve().then(t.bind(t,82317)),Promise.resolve().then(t.bind(t,29996)),Promise.resolve().then(t.bind(t,10534)),Promise.resolve().then(t.bind(t,94476)),Promise.resolve().then(t.bind(t,66752)),Promise.resolve().then(t.bind(t,18164)),Promise.resolve().then(t.bind(t,40421)),Promise.resolve().then(t.bind(t,21601)),Promise.resolve().then(t.bind(t,54757)),Promise.resolve().then(t.bind(t,71335)),Promise.resolve().then(t.bind(t,22185)),Promise.resolve().then(t.bind(t,56989)),Promise.resolve().then(t.bind(t,97267)),Promise.resolve().then(t.bind(t,46716)),Promise.resolve().then(t.bind(t,70234)),Promise.resolve().then(t.bind(t,34264)),Promise.resolve().then(t.bind(t,12638)),Promise.resolve().then(t.bind(t,12253)),Promise.resolve().then(t.bind(t,93859)),Promise.resolve().then(t.bind(t,88595)),Promise.resolve().then(t.bind(t,19227)),Promise.resolve().then(t.bind(t,477)),Promise.resolve().then(t.bind(t,1580)),Promise.resolve().then(t.bind(t,54519)),Promise.resolve().then(t.bind(t,64300)),Promise.resolve().then(t.bind(t,94054)),Promise.resolve().then(t.bind(t,70737)),Promise.resolve().then(t.bind(t,11902)),Promise.resolve().then(t.bind(t,18563)),Promise.resolve().then(t.bind(t,76761)),Promise.resolve().then(t.bind(t,30953)),Promise.resolve().then(t.bind(t,98069)),Promise.resolve().then(t.bind(t,55699)),Promise.resolve().then(t.bind(t,93441)),Promise.resolve().then(t.bind(t,31156)),Promise.resolve().then(t.bind(t,33431)),Promise.resolve().then(t.bind(t,42367)),Promise.resolve().then(t.bind(t,38874)),Promise.resolve().then(t.bind(t,86371)),Promise.resolve().then(t.bind(t,73263)),Promise.resolve().then(t.bind(t,33125)),Promise.resolve().then(t.bind(t,51036)),Promise.resolve().then(t.bind(t,22123)),Promise.resolve().then(t.bind(t,51814)),Promise.resolve().then(t.bind(t,35348)),Promise.resolve().then(t.bind(t,24775)),Promise.resolve().then(t.bind(t,96955)),Promise.resolve().then(t.bind(t,70414)),Promise.resolve().then(t.bind(t,24969)),Promise.resolve().then(t.bind(t,14200)),Promise.resolve().then(t.bind(t,75539)),Promise.resolve().then(t.bind(t,31652)),Promise.resolve().then(t.bind(t,1737)),Promise.resolve().then(t.bind(t,42369)),Promise.resolve().then(t.bind(t,73041)),Promise.resolve().then(t.bind(t,5601)),Promise.resolve().then(t.bind(t,71830)),Promise.resolve().then(t.bind(t,14592)),Promise.resolve().then(t.bind(t,18298)),Promise.resolve().then(t.bind(t,33742)),Promise.resolve().then(t.bind(t,99776)),Promise.resolve().then(t.bind(t,47785)),Promise.resolve().then(t.bind(t,25979)),Promise.resolve().then(t.bind(t,59441)),Promise.resolve().then(t.bind(t,80549)),Promise.resolve().then(t.bind(t,1043)),Promise.resolve().then(t.bind(t,11515)),Promise.resolve().then(t.bind(t,53455)),Promise.resolve().then(t.bind(t,45339)),Promise.resolve().then(t.bind(t,5947)),Promise.resolve().then(t.bind(t,86639)),Promise.resolve().then(t.t.bind(t,52619,23)),Promise.resolve().then(t.t.bind(t,81356,23)),Promise.resolve().then(t.t.bind(t,41402,23)),Promise.resolve().then(t.bind(t,38370))},56989:(e,s,t)=>{"use strict";t.d(s,{IndexPage:()=>A});var r=t(95155),l=t(12115),i=t(85203),a=t.n(i);let n=(0,l.memo)(e=>{let{item1:s,item2:t,item3:l,mainClassName:i}=e;return(0,r.jsxs)("div",{className:"flex flex-col min-h-full",children:[s,(0,r.jsx)("main",{className:a()("flex justify-center flex-auto min-h-screen",i),children:t}),l]})});var o=t(53626),d=t(20902),c=t(82317),m=t(70667),u=t(28297),h=t(53400),x=t(30241),g=t(98672),v=t(15239),p=t(30535),f=t(77876),b=t(77062),j=t(74233),y=t(42878),w=t(9577),N=t(70898),P=t(33828),k=t(74667),S=t(10630),_=t
1(8165);let E=(0,l.memo)(e=>{let{children:s}=e,[t,i]=(0,l.useState)(!0);return(0,r.jsxs)("div",{className:"".concat(t?"bg-gray-900 text-gray-100":"bg-gray-100 text-gray-800"," min-h-screen p-4 space-y-8"),children:[(0,r.jsx)("div",{className:"justify-end hidden //flex",children:(0,r.jsxs)("button",{onClick:()=>i(!t),className:"px-4 py-2 text-white bg-gray-800 rounded dark:bg-white dark:text-gray-800",children:["Toggle ",t?"Light":"Dark"," Mode"]})}),(0,r.jsxs)("header",{className:"flex justify-between items-center p-4 shadow rounded-2xl ".concat(t?"bg-gray-800":"bg-white"),children:[(0,r.jsx)("div",{className:"w-6 h-6 bg-gray-400 rounded-full"}),(0,r.jsxs)("nav",{className:"flex space-x-4",children:[(0,r.jsx)("div",{className:"w-6 h-6 bg-gray-500 rounded"}),(0,r.jsx)("div",{className:"w-6 h-6 bg-gray-500 rounded"}),(0,r.jsx)("div",{className:"w-6 h-6 bg-gray-500 rounded"}),(0,r.jsx)("div",{className:"w-6 h-6 bg-gray-500 rounded"})]}),(0,r.jsx)("div",{className:"w-24 h-6 bg-gray-400 rounded-full"})]}),s,(0,r.jsx)("div",{className:"w-full h-48 bg-gray-500 rounded-2xl"}),(0,r.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3",children:[void 0,void 0,void 0].map((e,s)=>(0,r.jsxs)("div",{className:"p-4 rounded-2xl shadow space-y-2 ".concat(t?"bg-gray-800":"bg-white"),children:[(0,r.jsx)("div",{className:"w-full h-24 bg-gray-500 rounded"}),(0,r.jsx)("div",{className:"w-3/4 h-4 bg-gray-400 rounded"}),(0,r.jsx)("div",{className:"w-full h-3 bg-gray-300 rounded"})]},s))}),(0,r.jsx)("div",{className:"w-full h-64 bg-gray-400 rounded-2xl"}),(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[(0,r.jsxs)("form",{className:"p-4 rounded-2xl shadow space-y-4 ".concat(t?"bg-gray-800":"bg-white"),children:[(0,r.jsx)("div",{className:"h-10 bg-gray-300 rounded"}),(0,r.jsx)("div",{className:"h-10 bg-gray-300 rounded"}),(0,r.jsx)("div",{className:"h-20 bg-gray-300 rounded"}),(0,r.jsx)("button",{className:"h-10 px-2 py-1 text-white bg-gray-700 rounded",children:"Submit"})]}),(0,r.jsx)("div",{className:"p-4 rounded-2xl shadow space-y-2 ".concat(t?"bg-gray-800":"bg-white"),children:[void 0,void 0,void 0].map((e,s)=>(0,r.jsx)("div",{className:"w-1/2 h-4 bg-gray-400 rounded"},s))})]}),(0,r.jsxs)("footer",{className:"flex justify-between items-center p-4 shadow rounded-2xl ".concat(t?"bg-gray-800":"bg-white"),children:[(0,r.jsx)("div",{className:"flex space-x-2",children:[void 0,void 0,void 0].map((e,s)=>(0,r.jsx)("div",{className:"w-4 h-4 bg-gray-500 rounded-full"},s))}),(0,r.jsx)("div",{className:"text-sm",children:"\xa9 website"}),(0,r.jsx)("div",{className:"flex space-x-2",children:[void 0,void 0,void 0].map((e,s)=>(0,r.jsx)("div",{className:"w-4 h-4 bg-gray-500 rounded-full"},s))})]})]})});var T=t(3310),L=t(46429),M=t(82675),z=t(25107);let C=[{icon:(0,r.jsx)(P.t$g,{size:20,className:"text-primary"}),title:"Fast Setup",text:"Add smart tracking scripts in seconds."},{icon:(0,r.jsx)(P.vPW,{size:20,className:"text-primary"}),title:"High-Impact Popups",text:"Catch usersâ attention with sleek, clickable messages."},{icon:(0,r.jsx)(P.t$g,{size:20,className:"text-primary"}),title:"Immersive Stories",text:"Share updates, features, or highlights in story format."},{icon:(0,r.jsx)(w.h06,{size:20,className:"text-primary"}),title:"Modern Editor",text:"Easily build and customize stories with a polished, professional look."},{icon:(0,r.jsx)(w.n0G,{size:20,className:"text-primary"}),title:"Interactive Reactions",text:"Let users engage with a tap."},{icon:(0,r.jsx)(k.aT,{size:20,className:"text-primary"}),title:"Seamless Integration",text:"Just copy, paste, and go. Supports web and mobile apps."},{icon:(0,r.jsx)(N.v$b,{size:20,className:"text-primary"}),title:"Deep Analytics",text:"Track clicks, views, visits, and more. Supports Google Analitycs."},{icon:(0,r.jsx)(S.l$q,{size:20,className:"text-primary"}),title:"Built-In Advertising",text:"Promote offers, updates, or third - party ads directly within stories or popups."},{icon:(0,r.jsx)(y._H6,{size:20,className:"text-primary"}),title:"More Features Coming Soon",text:"Weâre just getting started. Expect new tools and integrations rolling out regularly."}],O=[{id:"1 Set your message",title:"Create Popups like this",text:"Set your message",sent_ago_type:"NOW",image:{url:"".concat(b.UO.SITE_URL,"/images/assets/1.gif")},design:"APPLE"},{id:"2 Or like this",title:"Or like this",text:"Social media style",design:"FACEBOOK",sent_ago_type:"SECONDS",sent_ago_value:10,image:{url:"".concat(b.UO.SITE_URL,"/images/assets/2.gif")}},{id:"3 Even clickable",title:"Even clickable",text:"Fancy CTA",sent_ago_type:"MINUTES",sent_ago_value:10,design:"APPLE",image:{url:"".concat(b.UO.SITE_URL,"/images/assets/3.gif")}},{id:"4 ore styles coming soon",title:"More styles coming soon",text:"For every taste",sent_ago_type:"NOW",image:{url:"".concat(b.UO.SITE_URL,"/images/assets/4.gif")},design:"APPLE"}],I=Array(7).fill(null).map((e,s)=>({id:s+1,src:"/images/pwa/screenshots/".concat(s+1,".jpg")})),A=(0,l.memo)(()=>{var e,s;let t=(0,z.Ls)(),i=(0,z.Ub)("(max-width: 768px)"),{mode:k,color:S}=(0,g.wR)(),{locale:A}=(0,g.PZ)(),B=(0,l.useMemo)(()=>{let{r:e,g:s,b:t}=(0,f.E2)((0,f.b_)(".theme-".concat(k),"--primary"))||{},r="radial-gradient(50% 50% at 50% 50%, rgba(".concat(e,", ").concat(s,", ").concat(t,", 0.20) 0%, rgba(0, 0, 0, 0) 100%)");return{backgroundImage:"".concat(r,", ").concat(r),backgroundPosition:"left -300px bottom 0px, right -300px bottom -300px",backgroundSize:"549px 528px, 549px 528px",backgroundRepeat:"no-repeat, no-repeat"}},[k,S]),{ref:F,inView:W}=(0,L.Wx)(),[U,R]=(0,l.useState)(0),[$,q]=(0,l.useState)([]),D=(0,l.useRef)(null),[G,Z]=(0,l.useState)(window.innerWidth>=768?3:1);return(0,l.useEffect)(()=>{let e=()=>{Z(window.innerWidth>=768?3:1)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.useEffect)(()=>{let e=setTimeout(()=>{(()=>{if(U>=O.length)return R(0);let e=O[U];q(s=>[...s,e].slice(-G)),setTimeout(()=>{q(s=>s.map(s=>s.id===e.id?Object.assign({},s,{fading:!0}):s)),setTimeout(()=>{q(s=>s.filter(s=>s.id!==e.id))},500)},e.visible_for_ms||2500),R(e=>e+1)})()},2500);return W||(clearTimeout(e),R(0)),()=>clearTimeout(e)},[U,G,W]),(0,l.useEffect)(()=>{t&&i&&(window.location.href="/dashboard")},[t,i]),(0,r.jsx)(n,{item1:(0,r.jsx)(c.Header,{}),item3:(0,r.jsx)(d.w,{}),item2:(0,r.jsxs)(p.CH,{resetOnLeave:!0,className:"relative flex flex-col",children:[(0,r.jsx)("a",{href:"https://www.producthunt.com/posts/popstory-stories-in-your-app-more?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-popstory-stories-in-your-app-more",target:"_blank",className:"hidden fixed bottom-4 right-4 !z-50",children:(0,r.jsx)(v.default,{src:"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=964980&theme=light&t=1
1747160318811",alt:"PopStory â Stories in your app & more - Supercharge Your Appâs Engagement. Turn users into fans. | Product Hunt",width:250,height:54})}),(0,r.jsx)(h.m,{px:!0,py:!0,extra:!0,extraStyles:B,className:"pb-[100px] lg:pb-[200px] pt-[75px] flex flex-col gap-20 justify-center items-center",children:(0,r.jsxs)("div",{className:"flex flex-col justify-between w-full gap-10 lg:flex-row",children:[(0,r.jsxs)("div",{className:"lg:w-1/2",children:[(0,r.jsxs)("h1",{className:"text-center notranslate lg:text-left font-extrabold text-[3rem] text-defaultText md:text-[4rem]",children:[null==A||null==(e=A.titles)?void 0:e.supercharge_your_apps,(0,r.jsx)("span",{className:"block mx-auto shine lg:mx-0 w-max text-primary bg-primaryForeground -rotate-1",children:null==A||null==(s=A.titles)?void 0:s.engagement})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-6 my-14",children:[(0,r.jsx)("h5",{className:"text-center lg:text-left text-[1.25rem]text-defaultText",children:"Turn visits into connections. Turn users into fans."}),(0,r.jsx)("h6",{className:"text-center opacity-80 lg:text-left mx-auto lg:mx-0 max-w-[600px]",children:"PopStory helps you captivate your audience with interactive stories and powerful popups â all embedded in minutes."})]}),(0,r.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,r.jsxs)("div",{className:"flex flex-row flex-wrap items-center justify-center gap-4 lg:justify-start",children:[(0,r.jsx)(T.v,{borderBackgroundClass:"snowflake2",className:a()("w-max"),children:(0,r.jsxs)(m.$,{big:!0,theme:"local-1",className:"shine",href:"/sign-up",children:["Get Started ",(0,r.jsx)(N.Z0P,{})]})}),(0,r.jsx)(m.$,{big:!0,theme:"local-2",href:"#features",children:"See features"})]}),(0,r.jsxs)(m.$,{pill:!0,big:!0,theme:"local-3",href:"https://calendly.com/popstoryteam/30min",className:"animate-shake",style:{animationIterationCount:"10"},children:[(0,r.jsx)(P.nxe,{})," Book a Demo"]})]})]}),(0,r.jsx)("div",{className:"lg:w-1/2 min-h-[450px] h-full",ref:F,children:(0,r.jsx)(_.Z,{className:"h-[450px] !max-h-[450px] overflow-y-auto !no-scrollbar relative",children:(0,r.jsxs)(E,{children:[(0,r.jsx)("div",{id:"highlightsContainer"}),(0,r.jsx)("div",{ref:D,className:"notif-container w-full max-w-[94%] sm:max-w-[350px] absolute right-2.5 top-2.5 flex flex-col-reverse gap-2.5 z-[9999]",children:$.map(e=>(e=>{var s,t,l,i;let n=(null==e||null==(s=e.image)?void 0:s.url)||(null==e||null==(t=e.image)?void 0:t.base64),o=(null==e?void 0:e.fading)?"animate-opacity":"animate-slide",d=(0,r.jsx)("div",{style:{boxShadow:"0 0 5px rgba(0,0,0,0.3)"},className:"push__box border border-solid border-gray-500 text-black w-full z-50 flex text-left flex-col relative backdrop-blur-[20px] shadow-[0_0_5px_rgba(0,0,0,0.3)] px-3 py-2.5 rounded-xl bg-white/40 cursor-pointer "+o,children:(0,r.jsxs)("div",{className:"flex items-start w-full gap-2",children:[(0,r.jsx)(v.default,{width:0,height:0,className:"w-12 h-12 rounded bg-onNeutralbg",src:n||"",alt:"notif"}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("div",{className:"font-semibold",children:e.title}),(0,r.jsxs)("div",{className:"text-xs ",children:[e.sent_ago_value||""," ",(null==e||null==(l=e.sent_ago_type)?void 0:l.toLowerCase())||""]})]}),(0,r.jsx)("p",{children:e.text})]})]})},e.id);return({APPLE:d,FACEBOOK:(0,r.jsxs)("div",{className:a()("relative p-4 bg-white rounded-2xl w-full z-[9999] shadow-lg cursor-pointer",o),children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsx)("h3",{className:"text-lg font-medium text-black capitalize",children:e.title}),(0,r.jsx)("div",{className:"flex items-center justify-center w-8 h-8 text-sm bg-gray-200 rounded-full fa fa-times",children:(0,r.jsx)(N.QCr,{color:"black"})})]}),(0,r.jsxs)("div",{className:"flex items-start",children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(v.default,{src:n||"",width:0,height:0,alt:"",className:"object-cover w-16 h-16 rounded-full bg-onNeutralbg"}),(0,r.jsx)("div",{className:"absolute bottom-0 right-0 flex items-center justify-center w-8 h-8 text-sm text-white rounded-full fa fa-thumbs-up bg-gradient-to-r from-blue-600 to-blue-400",children:(0,r.jsx)(P.gb0,{})})]}),(0,r.jsxs)("div",{className:"w-[calc(100%-60px)] pl-5 leading-tight",children:[(0,r.jsx)("p",{className:"pr-12 mb-1 overflow-hidden text-black text-ellipsis line-clamp-3",children:e.text}),(0,r.jsxs)("span",{className:"text-sm font-semibold text-blue-600",children:[e.sent_ago_value||""," ",null==(i=e.sent_ago_type)?void 0:i.toLowerCase()]})]}),(0,r.jsx)("span",{className:"absolute w-4 h-4 -translate-y-1/2 bg-blue-600 rounded-full right-4 top-1/2"})]})]},e.id),WINDOWS:(0,r.jsx)(r.Fragment,{})})[e.design||"APPLE"]})(e))})]})})})]})}),(0,r.jsxs)(h.m,{px:!0,py:!0,extra:!0,extraStyles:B,className:"flex py-[50px] relative flex-col gap-6 items-center justify-center",children:[(0,r.jsxs)("div",{className:"hidden space-y-2",children:[(0,r.jsx)("h1",{className:"text-[3rem] md:text-[5rem] font-bold text-center text-defaultText",children:"Short intro"}),(0,r.jsx)("h3",{className:"mx-auto text-xl font-medium text-center lg:w-2/3 text-defaultText",children:"Learn more with a short video"})]}),(0,r.jsx)(M.d,{videoId:"ZIvVUM0dFH8",thumbnailSrc:"/videos/demo/promo/thumbnail.gif"})]}),(0,r.jsxs)(h.m,{px:!0,py:!0,className:"flex py-[100px] relative flex-col gap-6 items-center justify-center",children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("h1",{id:"features",className:"text-[3rem] md:text-[5rem] font-bold text-center text-defaultText",children:"Powerful Features"}),(0,r.jsx)("h3",{className:"mx-auto text-xl font-medium text-center lg:w-2/3 text-defaultText",children:"Everything you need to boost engagement, drive growth, and deliver memorable experiences."})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",children:C.map((e,s)=>(0,r.jsxs)(u.Z,{contentClassName:"flex flex-col gap-3",className:"self-stretch !h-full",children:[(0,r.jsx)("div",{className:"p-2 rounded-lg bg-onPrimaryBg w-max shrink-0",children:e.icon}),(0,r.jsx)("h3",{className:"text-xl font-bold",children:e.title}),(0,r.jsx)("p",{className:"text-muted-foreground",children:e.text})]},s))})]}),(0,r.jsx)(h.m,{px:!0,py:!0,className:"flex py-[100px] relative flex-col items-center justify-center",extra:!0,extraStyles:B,extraClassName:"bg-neutralBg",children:(0,r.jsxs)("div",{className:"flex flex-col justify-between w-full gap-10 lg:flex-row",children:[(0,r.jsx)("div",{className:"relative flex flex-col items-center justify-center lg:w-1/2",children:(0,r.jsx)(x.n,{autoPlayInterval:5e3,autoplay:!0,showProgressBar:!1,dataLength:I.length,children:e=>{let{className:s,width:t}=e;return(0,r.jsx)(r.Fragment,{children:I.map(e=>(0,r.jsx)("div",{className:a()(s,"flex items-center w-full justify-center bg-onNeutralBg rounded-[24px]"),style:{...t>0?{width:t}:{}},children:(0,r.jsx)(v.default,{alt:"",width:50,height:50,className:"select-none pointer-events-none aspect-[9/16] shrink-0 overflow-hidden max-h-[70vh] h-auto min-w-[216px] min-h-[384px] w-auto relative",src:e.src})},e.src))})}})}),(0,r.jsxs)("div",{className:"relative flex flex-col justify-center gap-4 lg:w-1/2",children:[(0,r.jsxs)(m.$,{children:[(0,r.jsx)(y.VAd,{})," Why ",b.UO.APP_NAME,"?"]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("h2",{className:"text-3xl font-bold tracking-tighter sm:text-4xl",children:"Made for Creators, Developers & Growth Teams"}),(0,r.jsx)("p",{className:"max-w-[600px] text-muted-foreground md:text-xl/relaxed",children:"Whether you're launching a product, onboarding users, or sharing updates, PopStory lets you do it all beautifully, without writing code."})]}),(0,r.jsxs)("ul",{className:"grid gap-3",children:[(0,r.jsxs)("li",{className:"flex items-center gap-2",children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full shrink-0 bg-onPrimaryBg",children:(0,r.jsx)(j.pIJ,{size:20,className:"text-primary"})}),(0,r.jsx)("span",{children:"Save time with quick implementation"})]}),(0,r.jsxs)("li",{className:"flex items-center gap-2",children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full shrink-0 bg-onPrimaryBg",children:(0,r.jsx)(w.n0G,{size:20,className:"text-primary"})}),(0,r.jsx)("span",{children:"Increase user retention and satisfaction"})]}),(0,r.jsxs)("li",{className:"flex items-center gap-2",children:[(0,r.jsx)("div",{className:"flex items-center justify-center w-8 h-8 rounded-full shrink-0 bg-onPrimaryBg",children:(0,r.jsx)(N.v$b,{size:20,className:"text-primary"})}),(0,r.jsx)("span",{children:"Make data-driven decisions with detailed analytics"})]})]})]})]})}),(0,r.jsx)(o.l,{extraStyles:B}),(0,r.jsxs)(h.m,{px:!0,py:!0,extra:!0,className:"flex py-[100px] relative flex-col gap-6 items-center justify-center",extraClassName:"bg-onNeutralBg",children:[(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("h2",{className:"text-3xl font-bold tracking-tighter text-center sm:text-4xl md:text-5xl",children:"Get Started Today"}),(0,r.jsx)("p",{className:"max-w-[700px] text-center",children:"Engage your audience like never before."})]}),(0,r.jsxs)("div",{className:"flex flex-row flex-wrap items-center justify-center gap-4 mt-6",children:[(0,r.jsx)(T.v,{borderBackgroun
1dClass:"snowflake2",className:a()("w-max"),children:(0,r.jsxs)(m.$,{big:!0,className:"shine",theme:"local-1",href:"/sign-up",children:["Get Started ",(0,r.jsx)(N.Z0P,{})]})}),(0,r.jsx)(m.$,{big:!0,theme:"local-2",href:"/sign-in",children:"Sign In"})]})]})]})})})},82675:(e,s,t)=>{"use strict";t.d(s,{d:()=>n});var r=t(95155),l=t(12115),i=t(85203),a=t.n(i);let n=(0,l.memo)(e=>{let{className:s,iframeClassName:t,videoId:l,thumbnailSrc:i}=e;return(0,r.jsx)("div",{className:a()("w-full mx-auto max-w-[750px]",s),children:(0,r.jsx)("iframe",{className:a()("w-full h-auto aspect-video rounded-[15px]",t),title:"YouTube video player",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,srcDoc:"<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/embed/".concat(l,'?si=x-G3MVHvBdLeW0Wq/?autoplay=1><img src="').concat(i||"https://img.youtube.com/vi/".concat(l,"/hqdefault.jpg"),"\" alt=''><span>â¶</span></a>")})})})}},e=>{e.O(0,[9204,6711,512,3873,4206,4316,7672,5897,2362,5479,4613,8087,6446,3380,5760,3603,7753,8429,7949,2202,5271,8520,1029,1659,8271,4860,7865,4866,7272,5107,8441,1255,7358],()=>e(e.s=52504)),_N_E=e.O()}]);
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.