1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22],{18745:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>u});var s=t(75038),i=t(21625),r=t(83390),d=t(56725),l=t(17831),n=t(18381),o=t(74954),c=t(25773),m=t(39369),x=t(9677),p=t(87206),h=t.n(p);let g=()=>(0,s.jsxs)("div",{className:"w-full border-b dark:border-gray-700 dark:bg-black pt-8 overflow-hidden",children:[(0,s.jsx)(r.mc,{width:"1080px",className:"relative",children:(0,s.jsxs)("div",{className:"border-gray-200/70 px-8 pt-12 rounded-xl text-center",children:[(0,s.jsx)("h1",{className:"text-4xl md:text-6xl font-black font-inter dark:text-white",children:"Pika Embed"}),(0,s.jsx)("p",{className:"text-lg md:text-xl mt-2 opacity-60 max-w-[560px] mx-auto",children:"Add a full-fledged integrated image, mockup and screenshot editor in your app in seconds"}),(0,s.jsxs)("div",{className:"mt-8 flex items-center gap-4 flex-wrap justify-center relative pb-4",children:[(0,s.jsx)(r.$n,{variant:"primary",className:"text-sm md:text-base px-8 inline-flex w-auto rounded-xl","data-tally-open":"meer9e","data-tally-layout":"modal","data-tally-width":"720","data-tally-align-left":"1","data-tally-emoji-animation":"wave","data-tally-auto-close":"0",children:"Share details â"}),(0,s.jsx)(r.$n,{variant:"secondary",className:"text-sm md:text-base px-8 inline-flex w-auto rounded-xl h-[42px] bg-white",as:"a",href:"https://cal.com/thelifeofrishi/pika-embed-enquiry",target:"_blank",children:"Book a call"})]})]})}),(0,s.jsx)(r.mc,{width:"1080px",className:"relative max-h-[700px] z-50",children:(0,s.jsx)("div",{style:{transform:"perspective(1000px) rotateX(4.20468deg) rotateY(0.0609131deg) scale3d(1, 1, 1)"},children:(0,s.jsx)("img",{src:"/embed/pika-embed-screenshot-editor.png",alt:"Pika Screenshot Editor Embed"})})})]}),y=[{title:"Powerful screenshot and image editor in your app",icon:(0,s.jsx)(l.A,{})},{title:(0,s.jsxs)(s.Fragment,{children:["Integration as simple as adding an ",(0,s.jsx)(r.iM,{children:"iframe"})," ","tag"]}),icon:(0,s.jsx)(l.A,{})},{title:(0,s.jsx)(s.Fragment,{children:"Control over input image and theme"}),icon:(0,s.jsx)(l.A,{})},{title:"Ready to use editing tools and features",icon:(0,s.jsx)(l.A,{})},{title:"Focus on your app, not on building an image editor",icon:(0,s.jsx)(l.A,{})},{title:"Save your team months of development time and resources",icon:(0,s.jsx)(l.A,{})},{title:"No need to worry about updates and maintenance",icon:(0,s.jsx)(l.A,{})}],b=()=>(0,s.jsxs)(r.mc,{width:"1080px",className:"pt-16 md:pt-28 pb-20 grid md:grid-cols-2 gap-6 lg:gap-12",children:[(0,s.jsxs)("div",{className:"bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black",children:[(0,s.jsx)(n.A,{className:"text-[48px] mb-4 opacity-20 dark:opacity-40",weight:"duotone"}),(0,s.jsx)("h2",{className:"text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white",children:"What is Pika Embed?"}),(0,s.jsxs)("div",{className:"text-lg opacity-80",children:[(0,s.jsxs)("p",{children:["Pika Embed lets you"," ",(0,s.jsx)("span",{className:"font-semibold",children:"integrate Pika's screenshot editor in your app"})," ","without any hassle"]}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"With Pika Embed, you can let your users create and edit screenshots quickly right inside your app"})]})]}),(0,s.jsxs)("div",{className:"bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black",children:[(0,s.jsx)(o.A,{className:"text-[48px] mb-4 opacity-20 dark:opacity-40",weight:"duotone"}),(0,s.jsx)("h2",{className:"text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white",children:"How does it work?"}),(0,s.jsxs)("div",{className:"text-lg opacity-80",children:[(0,s.jsxs)("p",{children:["We create an instance of Pika for your app, and you can use that as an",(0,s.jsx)(r.iM,{className:"ml-1",children:"iframe"})," tag on your site"]}),(0,s.jsx)("br",{}),(0,s.jsxs)("p",{children:["Your app as a parent can communicate with the Pika instance using event listeners, so whenever user exports an image, your app will be able to access the"," ",(0,s.jsx)(r.iM,{className:"ml-1",children:"base64"})," file of the output image directly"]})]})]}),(0,s.jsxs)("div",{className:"bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black md:col-span-2",children:[(0,s.jsx)(c.A,{className:"text-[48px] mb-4 opacity-20 dark:opacity-40",weight:"duotone"}),(0,s.jsx)("h2",{className:"text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white",children:"Why use Pika Embed?"}),(0,s.jsx)("div",{className:"text-lg flex flex-wrap gap-3",children:y?.map(e=>(0,s.jsx)("div",{className:"bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base",children:e?.title},e?.title))})]}),(0,s.jsxs)("div",{className:"bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black",children:[(0,s.jsx)(m.A,{className:"text-[48px] mb-4 opacity-20 dark:opacity-40",weight:"duotone"}),(0,s.jsx)("h2",{className:"text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white",children:"Who uses Pika Embed?"}),(0,s.jsxs)("div",{className:"text-lg opacity-80",children:[(0,s.jsx)("p",{children:"Pika Embed is being used by startups to provide a seamless experience to their users for creating and editing screenshots"}),(0,s.jsx)("br",{})]}),(0,s.jsx)("p",{className:"text-lg font-medium font-inter dark:text-white",children:"List of partners â"}),(0,s.jsxs)("div",{className:"bg-white dark:bg-white md:px-6 p-5 md:py-6 rounded-xl shadow mt-6 grid grid-cols-2 gap-8 justify-center",children:[(0,s.jsx)("img",{src:"/embed/taplio-logo.svg",alt:"Tapli
1o",className:"max-w-[100px]"}),(0,s.jsx)("img",{src:"/embed/tweethunter-logo.png",alt:"TweetHunter",className:"max-h-[30px]"})]})]}),(0,s.jsxs)("div",{className:"bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black",children:[(0,s.jsx)(x.A,{className:"text-[48px] mb-4 opacity-20 dark:opacity-40",weight:"duotone"}),(0,s.jsx)("h2",{className:"text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white",children:"Interested? Let's talk"}),(0,s.jsxs)("div",{className:"text-lg opacity-80",children:[(0,s.jsx)("p",{children:"Don't waste your resources building an image editor, integrate Pika Embed in your app to give your users a full-fledged screenshot editor experience that just works!"}),(0,s.jsx)("br",{}),(0,s.jsx)("p",{children:"You get a dedicated instance of Pika for your app, and you can customize it as per your needs"})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-4 items-start",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 mt-10",children:[(0,s.jsx)(r.$n,{variant:"primary",className:"text-sm md:text-base px-8 inline-flex w-auto rounded-xl ","data-tally-open":"meer9e","data-tally-layout":"modal","data-tally-width":"720","data-tally-align-left":"1","data-tally-emoji-animation":"wave","data-tally-auto-close":"0",children:"Share details â"}),(0,s.jsx)(r.$n,{variant:"secondary",className:"text-sm md:text-base px-8 inline-flex w-auto rounded-xl h-[42px] bg-white",as:"a",href:"https://cal.com/thelifeofrishi/pika-embed-enquiry",target:"_blank",children:"Book a call"})]}),(0,s.jsx)(r.$n,{className:"text-sm opacity-60 hover:opacity-100",onClick:()=>{$crisp&&($crisp.push(["do","chat:show"]),$crisp.push(["do","chat:open"]))},children:"Have questions? Share in chat"})]})]})]}),u=()=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(h(),{async:!0,src:"https://tally.so/widgets/embed.js"}),(0,s.jsx)(d.bV,{title:"Pika Embed - Add Image and Screenshot editor in any app",description:"Add a simple yet powerful image and screenshot editor to your app in seconds. No javascript library or server setup needed. Just add an iframe and done",openGraph:{images:[{url:"/og-images/og-embed.png",width:800,height:600,alt:"Pika Embed - Add Image and Screenshot editor in any app"}]}}),(0,s.jsx)(i.Y9,{disableSticky:!0}),(0,s.jsxs)("div",{className:"bg-white dark:bg-gray-900 mt-",children:[(0,s.jsx)(r.T8,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},children:(0,s.jsx)(g,{})}),(0,s.jsx)(b,{})]}),(0,s.jsx)(i.wi,{hideCTA:!0})]})},39569:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/products/embed",function(){return t(18745)}])}},e=>{e.O(0,[4558,1178,826,1958,6394,636,6593,8792],()=>e(e.s=39569)),_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.