1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80],{26:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/features/collage-maker",function(){return o(3805)}])},4312:function(e,t,o){"use strict";o.d(t,{e:function(){return s}});let s={siteHeroBg:"#FFFFFF"}},1115:function(e,t,o){"use strict";o.d(t,{k:function(){return H}});var s=o(5893),n=o(2729),l=o(8458);function a(){let e=(0,n._)(["\n display: flex;\n align-items: center;\n min-width: 322px;\n max-width: 508px;\n height: 48px;\n border: dashed 2px ",";\n padding: 8px 16px 8px 8px;\n border-radius: 5px;\n cursor: pointer;\n flex-grow: 0;\n"]);return a=function(){return e},e}function i(){let e=(0,n._)(["\n // position: relative;\n ",";\n &.is-disabled {\n border: dashed 2px ",";\n cursor: no-drop;\n svg {\n fill: ",";\n color: ",";\n path {\n fill: ",";\n color: ",";\n }\n }\n }\n & > input {\n display: none;\n }\n"]);return i=function(){return e},e}function r(){let e=(0,n._)(["\n border: dashed 2px ",";\n border-radius: 5px;\n background-color: ",";\n opacity: 0.5;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n\n bottom: 0;\n & > span {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n"]);return r=function(){return e},e}function c(){let e=(0,n._)(["\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n & > span {\n font-size: 12px;\n color: ",";\n }\n .file-types {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 100px;\n }\n"]);return c=function(){return e},e}function d(){let e=(0,n._)(["\n font-size: 14px;\n color: ",";\n span {\n text-decoration: underline;\n }\n"]);return d=function(){return e},e}let u="#666",h=(0,l.iv)(a(),"#0658c2"),p=l.ZP.label(i(),e=>e.overRide?"":h,u,u,u,u,u);l.ZP.div(r(),u,"#999");let m=l.ZP.div(c(),e=>e.error?"red":u),g=l.ZP.span(d(),u),x=e=>e/1e3/1e3,f=(e,t)=>{let o=e.name.split(".").pop(),s=t.map(e=>e.toLowerCase());return s.includes(o.toLowerCase())},y=e=>void 0===e?"":e.map(e=>".".concat(e.toLowerCase())).join(",");var b=o(7294);function v(e){let{types:t,minSize:o,maxSize:n}=e;if(t){let e=t.toString(),l="";return n&&(l+="size >= ".concat(n,", ")),o&&(l+="size <= ".concat(o,", ")),(0,s.jsx)("span",{title:"".concat(l,"types: ").concat(e),className:"file-types",children:e})}return null}function w(){return(0,s.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M5.33317 6.66667H22.6665V16H25.3332V6.66667C25.3332 5.196 24.1372 4 22.6665 4H5.33317C3.8625 4 2.6665 5.196 2.6665 6.66667V22.6667C2.6665 24.1373 3.8625 25.3333 5.33317 25.3333H15.9998V22.6667H5.33317V6.66667Z",fill:"#0658C2"}),(0,s.jsx)("path",{d:"M10.6665 14.6667L6.6665 20H21.3332L15.9998 12L11.9998 17.3333L10.6665 14.6667Z",fill:"#0658C2"}),(0,s.jsx)("path",{d:"M25.3332 18.6667H22.6665V22.6667H18.6665V25.3333H22.6665V29.3333H25.3332V25.3333H29.3332V22.6667H25.3332V18.6667Z",fill:"#0658C2"})]})}let j=0,k=(e,t,o,n,l)=>o?(0,s.jsx)("span",{children:"File type/size error, Hovered on types!"}):(0,s.jsx)(g,{children:n?(0,s.jsx)("span",{children:"Upload disabled"}):e||t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"Uploaded Successfully!."})," Upload another?"]}):(0,s.jsx)("div",{children:l?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:l.split(" ")[0]})," ",l.substr(l.indexOf(" ")+1)]}):(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{children:"Upload"})," or drop a file right here"]})})});var C=e=>{let{name:t,hoverTitle:o,types:n,handleChange:l,classes:a,children:i,maxSize:r,minSize:c,fileOrFiles:d,onSizeError:u,onTypeError:h,onSelect:g,onDrop:C,disabled:N,label:E,multiple:F,onDraggingStateChange:L}=e,H=(0,b.useRef)(null),P=(0,b.useRef)(null),[_,T]=(0,b.useState)(!1),[z,W]=(0,b.useState)(null),[V,B]=(0,b.useState)(!1),M=e=>n&&!f(e,n)?(B(!0),h&&h("File type is not supported"),!1):r&&x(e.size)>r?(B(!0),u&&u("File size is too big"),!1):!(c&&x(e.size)<c)||(B(!0),u&&u("File size is too small"),!1),S=e=>{let t=!1;if(e){if(e instanceof File)t=!M(e);else for(let o=0;o<e.length;o++){let s=e[o];t=!M(s)||t}return!t&&(l&&l(e),W(e),T(!0),B(!1),!0)}return!1},I=function(e){let{labelRef:t,inputRef:o,multiple:s,handleChanges:n,onDrop:l}=e,[a,i]=(0,b.useState)(!1),r=(0,b.useCallback)(()=>{o.current.click()},[o]),c=(0,b.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),j++,e.dataTransfer.items&&0!==e.dataTransfer.items.length&&i(!0)},[]),d=(0,b.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),--j>0||i(!1)},[]),u=(0,b.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),h=(0,b.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),i(!1),j=0;let t=e.dataTransfer.files;if(t&&t.length>0){let e=s?t:t[0],o=n(e);l&&o&&l(e)}},[n]);return(0,b.useEffect)(()=>{let e=t.current;return e.addEventListener("click",r),e.addEventListener("dragenter",c),e.addEventListener("dragleave",d),e.addEventListener("dragover",u),e.addEventListener("drop",h),()=>{e.removeEventListener("click",r),e.removeEventListener("dragenter",c),e.removeEventListener("dragleave",d),e.removeEventListener("dragover",u),e.removeEventListener("drop",h)}},[r,c,d,u,h,t]),a}({labelRef:H,inputRef:P,multiple:F,handleChanges:S,onDrop:C});return(0,b.useEffect)(()=>{null==L||L(I)},[I]),(0,b.useEffect)(()=>{d?(T(!0),W(d)):(P.current&&(P.current.value=""),T(!1),W(null))},[d]),(0,s.jsxs)(p,{overRide:i,className:"".concat(a||""," ").concat(N?"is-disabled":""),ref:H,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:[(0,s.jsx)("input",{onChange:e=>{let t=e.target.files,o=F?t:t[0],s=S(o);g&&s&&g(o)},accept:y(n),ref:P,type:"file",name:t,disabled:N,multiple:F}),I&&(0,s.jsx)("div",{className:"w-screen h-full top-0 left-0 right-0 bottom-0 fixed z-index-1000",style:{backgroundColor:"#2867E1ee",top:0,left:0},children:(0,s.jsx)("div",{className:" grid text-bold text-3xl text-white place-items-center h-screen w-screen",children:(0,s.jsx)("div",{children:(0,s.jsx)("span",{children:o})})})}),!i&&(0,s.jsxs)("div",{children:[(0,s.jsx)(w,{}),(0,s.jsxs)(m,{error:V,children:[k(z,_,V,N,E),(0,s.jsx)(v,{types:n,minSize:c,maxSize:r})]})]}),i]})},N=o(2708),E=o(5186),F=o(1163);let L=["JPG","PNG","JPEG","GIF","WEBP"],H=e=>{let{routeName:t,location:o,children:n}=e,l=(0,F.useRouter)();async function a(e){let s=await i(e);window.state={selectedFiles:s};let n=document.getElementById("cm_iframe");null!=n&&n.contentWindow.postMessage({fileLoaded:!0},"*");let a=0!=s.length;a?(await l.push(t),(0,N.Zx)("cus_select_photos",{location:o})):console.log("Got empty list")}async function i(e){let t=[];return new Promise(async(o,s)=>{try{for(let o of e){let e=await (0,E.pJ)(o);t.push(e)}o(t)}catch(e){console.log(e)}})}return(0,s.jsx)(C,{multiple:!0,hoverTitle:"Drop image files here",handleChange:e=>a(e),name:"file",types:L,children:n})}},5186:function(e,t,o){"use strict";async function s(e){var t=[];let o=e.accept instanceof Array?e.accept.join(","):e.accept;return new Promise(async(e,s)=>{var a=await l(o,!0);try{let o=a.target;for(var i of o.files?Array.from(o.files):[]){let e=await n(i);t.push(e)}e(t)}catch(e){console.log(e)}})}async function n(e){return new Promise((t,o)=>{var s=new FileReader;s.onloadend=function(){t(s.result)},s.readAsDataURL(e)})}async function l(e,t){return new Promise((o,s)=>{var n=document.createElement("input");n.setAttribute("class","hidden"),document.body.appendChild(n),n.type="file",n.accept=e,n.multiple=t,n.onchange=e=>{console.log("inputElement.onchange "),o(e),document.body.removeChild(n)},n.onerror=e=>{console.log("inputElement.onerror "),s(e),document.body.removeChild(n)},n.dispatchEvent(new MouseEvent("click"))})}o.d(t,{pJ:function(){return n},zr:function(){return s}})},3805:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return P}});var s=o(5893),n=o(1115),l=o(728),a=o(9008),i=o.n(a),r=o(7382),c=o(1778),d=o(4312),u=o(4298),h=o.n(u),p=o(7294);let m=[{question:"Can I edit photos in my photo collage?",answer:'Absolutely! With our collage maker\'s powerful editing features, you can enhance your photos to perfection before assembling them into your collage. From adjusting brightness to cropping and applying filters, our intuitive editor ensures your images shine. Simply right-click on any photo and choose "Edit Photo" to access these tools.'},{question:"Do you support freestyle collages?",answer:"Yes, indeed! Our collage maker offers various freestyle collage layouts, providing flexibility beyond grid constraints. These dynamic photo collage layouts allow for unrestr
1icted positioning, empowering you to craft visually captivating compositions. Explore pre-arranged styles like hearts, Christmas trees, or circles, adding an artistic flair to your collages."},{question:"Can I zoom photos in my collage?",answer:"Yes, you can click on any image and drag the zoom slider to adjust the zoom. Then drag the image to position it perfectly."},{question:"How can I make a free collage online?",answer:"Absolutely! PhotoJoinerâs free collage maker tool lets you create collages online for free. There are no registrations, software to install, or fees involved. It just works on any web browser!"},{question:"Are there any limits to the number of photos I can use in a collage?",answer:"While our collage layouts can support up to 20 photos, there's flexibility to incorporate even more images using additional cells or floating images. Our collage maker empowers you to expand your creativity beyond limits, ensuring that you can include all your cherished photos in a single collage."},{question:"Can I customize the layout and design of my collage?",answer:"Absolutely! With our collage maker, you have full control over the layout and design of your photo collages. We offer extensive customization options, including the ability to rotate and resize objects, add text with various fonts and styles, apply borders for added flair, and even customize the dimensions of your collage to suit your preferences. Our user-friendly interface makes it easy to personalize every aspect of your collage, ensuring that each creation is unique and visually stunning."},{question:"Do you offer templates for specific occasions like birthdays or weddings?",answer:"Yes, our photo collage maker provides an extensive range of templates tailored for various occasions, including birthdays, weddings, and more. These professionally crafted templates offer a seamless starting point for your collage creation, ensuring that your special moments are beautifully showcased with ease. Simply search for a template and click on it to load it to the canvas, then add your photos!"}];var g=()=>(0,s.jsxs)("div",{className:"bg-[#EEEEEE] py-[96px] text-black flex flex-col items-center justify-center",children:[(0,s.jsx)("h2",{className:"font-bold text-3xl lg:text-4xl px-8",children:"Frequently asked questions."}),(0,s.jsx)("div",{className:"flex flex-col gap-3 pt-[80px] px-8",children:m.map((e,t)=>(0,s.jsxs)("div",{className:"py-[20px] bg-white rounded-lg p-8 max-w-4xl",children:[(0,s.jsx)("div",{className:"font-bold text-2xl",children:e.question}),(0,s.jsx)("p",{className:"text-sm pt-3",children:e.answer})]},t))})]}),x=o(1163),f=o(5186),y=o(5518),b=o(2708),v=e=>{let{className:t,text:o,shouldSelectPhotos:n=!0,onClick:l}=e,a=(0,x.useRouter)();async function i(){if(!0==n){var e=await (0,f.zr)({accept:[".jpg",".png",".jpeg",".gif",".webp"]});window.state={selectedFiles:e};var t=document.getElementById("cm_iframe");return null!=t&&t.contentWindow.postMessage({fileLoaded:!0},"*"),0!=e.length}return!0}let r=async()=>{if(y.G6){let e=await i();console.log("handleFilePick "+e),a.push(c.Z.collageEditor),e&&(0,b.Zx)("cus_select_photos",{location:"web_home"})}else{a.push(c.Z.collageEditor);let e=await i();console.log("handleFilePick "+e),e&&(0,b.Zx)("cus_select_photos",{location:"web_home"})}};return(0,s.jsx)("button",{className:"".concat(t," bg-yellow px-6 py-4 text-white tracking-wide"),onClick:null!=l?l:r,children:o})};let w=e=>{let{heading:t,subheading:o,buttonText:n,buttonOnClick:l}=e;return(0,s.jsxs)("div",{className:"lg:max-w-md",children:[(0,s.jsx)("h2",{className:"font-bold text-3xl lg:w-full lg:text-4xl leading-10",children:t}),(0,s.jsx)("p",{className:"pt-6",children:o}),(0,s.jsx)("div",{className:"pt-6",children:(0,s.jsx)(v,{className:"rounded-md",text:n})})]})},j=e=>{let{isVideo:t,assetSrc:o}=e;return(0,s.jsx)("div",{className:"md:flex md:justify-center",children:t?(0,s.jsx)("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"rounded-md w-full object-cover md:w-[450px] h-[480px]",src:o}):(0,s.jsx)("img",{src:o})})};var k=e=>{let{heading:t,subheading:o,buttonText:n,buttonOnClick:l,isVideo:a,assetSrc:i,assetPosition:r}=e;return(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"lg:block hidden",children:(0,s.jsxs)("div",{className:"flex gap-12 items-center justify-center text-black py-[40px]",children:["left"===r?(0,s.jsx)(j,{isVideo:a,assetSrc:i}):(0,s.jsx)(w,{heading:t,subheading:o,buttonText:n,buttonOnClick:l}),"left"===r?(0,s.jsx)(w,{heading:t,subheading:o,buttonText:n,buttonOnClick:l}):(0,s.jsx)(j,{isVideo:a,assetSrc:i})]})}),(0,s.jsxs)("div",{className:"block lg:hidden px-8 text-black py-[40px]",children:[(0,s.jsx)(j,{isVideo:a,assetSrc:i}),(0,s.jsx)("div",{className:"p-6"}),(0,s.jsx)(w,{heading:t,subheading:o,buttonText:n,buttonOnClick:l})]})]})};let C=e=>{let{text:t}=e;return(0,s.jsx)("span",{className:"bg-gradient-to-r from-light-orange to-dark-orange text-transparent bg-clip-text",children:t})};var N=()=>(0,s.jsxs)("div",{className:"px-6 lg:px-56 pt-32 pb-[40px] flex flex-col items-center justify-center gap-10 text-black",children:[(0,s.jsx)("h1",{className:"hidden",children:"The best free photo collage maker."}),(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,s.jsxs)("div",{className:"font-bold text-8xl flex gap-3",children:[(0,s.jsx)("span",{children:"The best free"}),(0,s.jsx)(C,{text:"photo"})]}),(0,s.jsxs)("div",{className:"font-bold text-8xl flex gap-3 -mt-4",children:[(0,s.jsx)(C,{text:"collage"}),(0,s.jsx)("span",{children:"maker."})]}),(0,s.jsxs)("p",{className:"text-center pt-2 flex flex-col",children:[(0,s.jsx)("span",{children:"Qu
1ickly make stunning photo collages. Get creative with"}),(0,s.jsx)("span",{children:"backgrounds, texts, stickers, and doodles. Start with a"}),(0,s.jsx)("span",{children:"grid or pick a template for any occasion."})]})]})}),(0,s.jsx)("div",{className:"md:hidden block",children:(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center leading-tight",children:[(0,s.jsx)("div",{className:"font-bold text-6xl",children:"The best free"}),(0,s.jsx)("div",{className:"font-bold text-6xl",children:(0,s.jsx)(C,{text:"photo collage"})}),(0,s.jsx)("div",{className:"font-bold text-6xl",children:"maker."}),(0,s.jsx)("p",{className:"text-center pt-3 text-md",children:"Quickly make stunning photo collages. Get creative with backgrounds, texts, stickers, and doodles. Start with a grid or pick a template for any occasion."})]})}),(0,s.jsx)(v,{className:"rounded-full",text:"Make a Collage"}),(0,s.jsx)("video",{className:"shadow-2xl rounded-lg w-full max-w-[944px]",autoPlay:!0,muted:!0,playsInline:!0,loop:!0,src:"/static/videos/hero.mp4"})]}),E=o(5675),F=o.n(E),L=e=>{let{className:t=""}=e;return(0,s.jsxs)("div",{role:"status",className:t,children:[(0,s.jsxs)("svg",{"aria-hidden":"true",className:"w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-yellow",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),(0,s.jsx)("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),(0,s.jsx)("span",{className:"sr-only",children:"Loading..."})]})},H=()=>{let e=(0,x.useRouter)(),t=[{title:"New Year",key:"new-year",desktopHeight:727,desktopWidth:1417,mobileHeight:2958,mobileWidth:670,mobileBlurHash:"L9Mj,bR?yYoa?[-:g1xZ0PRWM_o|",desktopBlurHash:"LFMQx8Iw%L%epA~pIB-qoNIVM|oM"},{title:"Valentine's Day",key:"valentines-day",desktopHeight:719,desktopWidth:1418,mobileHeight:2794,mobileWidth:670,mobileBlurHash:"L7PsCq4T_N?^0000IV%h*dH@M{kV",desktopBlurHash:"L9P~=;00Dg9Fv4DiHrrE?]%##T;|"},{title:"Christmas",key:"christmas",desktopHeight:727,desktopWidth:1417,mobileHeight:2875,mobileWidth:670,mobileBlurHash:"L1NS]I_OBvAU000000%O005IzV8^",desktopBlurHash:"L8N9%w004Tmm9H9r0z_N%2DOD5%1"},{title:"Birthday",key:"birthday",desktopHeight:702,desktopWidth:1419,mobileHeight:2316,mobileWidth:671,mobileBlurHash:"LFNAbk+ppdIx_4%~jErqTbtKIVXT",desktopBlurHash:"LBN0@]~7.lTb-GEC.i=o9*9d9Z^{"},{title:"Halloween",key:"halloween",desktopHeight:347,desktopWidth:1417,mobileHeight:1550,mobileWidth:671,mobileBlurHash:"LBLN0+?KMxR40~0dJB%g9E4TVsi_",desktopBlurHash:"L3KwIJ0300220000?wl-tp00d;-W"}],[o,n]=p.useState(t[0]),[l,a]=p.useState(!1),i=(0,p.useRef)(null),r={top:0,left:0,x:0,y:0},d=function(e){if(i.current){let t=e.clientX-r.x,o=e.clientY-r.y;i.current.scrollTop=r.top-o,i.current.scrollLeft=r.left-t}},u=function(){i.current&&(i.current.removeEventListener("mousemove",d),i.current.removeEventListener("mouseup",u))};return(0,s.jsxs)("div",{className:"py-[96px] px-8 flex flex-col items-center justify-center bg-[#FFFAEE] text-black my-[40px]",children:[(0,s.jsx)("div",{className:"hidden md:block",children:(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,s.jsx)("h2",{className:"font-bold text-4xl",children:"Create beautiful photo collages instantly"}),(0,s.jsx)("h1",{className:"font-bold text-4xl -mt-2",children:"with our templates."})]})}),(0,s.jsx)("div",{className:"md:hidden",children:(0,s.jsx)("h2",{className:"font-bold text-3xl",children:"Create beautiful photo collages instantly with our templates."})}),(0,s.jsx)("p",{className:"max-w-4xl pt-6 md:text-center",children:"Transform your cherished memories effortlessly into captivating visual stories! Dive into our
1collection of professionally-crafted photo collage templates, meticulously designed to inspire awe. Whether it's commemorating milestones or cherishing everyday moments, our vast collage template library offers endless possibilities. With just a few clicks, infuse your personal flair and creativity, turning each collage into a masterpiece uniquely yours."}),(0,s.jsx)("div",{className:"flex gap-4 pt-6 overflow-x-auto w-full sm:justify-center no-scrollbar",onMouseDown:function(e){i.current&&(r={left:i.current.scrollLeft,top:i.current.scrollTop,x:e.clientX,y:e.clientY},i.current.addEventListener("mousemove",d),i.current.addEventListener("mouseup",u))},ref:i,children:t.map((e,t)=>(0,s.jsx)("button",{onClick:function(){a(!0),n(e)},className:"".concat(e.key==o.key?"border border-solid border-yellow bg-[#FFF3E9]":""," text-black px-4 text-xs py-1 rounded-full cursor-pointer whitespace-nowrap"),children:e.title},t))}),(0,s.jsxs)("div",{className:"pt-8 sm:block hidden md:px-8 lg:px-24",children:[l&&(0,s.jsx)(L,{className:"w-[1417px] h-[340px] flex items-center justify-center"}),(0,s.jsx)(F(),{className:"".concat(l?"hidden":"block"),src:"/static/images/".concat(o.key,"-templates.webp?time=").concat(new Date().getTime()),alt:"".concat(o," template"),width:null==o?void 0:o.desktopWidth,height:null==o?void 0:o.desktopHeight,onLoad:e=>(console.log("loaded"),a(!1))})]}),(0,s.jsxs)("div",{className:"pt-8 sm:hidden w-full",children:[l&&(0,s.jsx)(L,{className:"w-full h-[300px] flex items-center justify-center"}),(0,s.jsx)(F(),{className:"".concat(l?"hidden":"block"),src:"/static/images/".concat(o.key,"-mobile-templates.webp?time=").concat(new Date().getTime()),alt:"".concat(o," template"),width:null==o?void 0:o.mobileWidth,height:null==o?void 0:o.mobileHeight,onLoad:e=>a(!1)})]}),(0,s.jsx)(v,{className:"rounded-md mt-8 md:mt-4",text:"Explore all templates",onClick:()=>{e.push("".concat(c.Z.collageEditor,"?tab=templates"))}})]})},P=()=>(0,s.jsxs)("div",{children:[(0,s.jsxs)(i(),{children:[(0,s.jsx)("title",{children:"Collage Maker | Create a Photo Collage Online For Free"}),(0,s.jsx)("meta",{name:"description",content:"Easily create a photo collage with PhotoJoinerâs online collage maker. Choose from thousands of free collage templates, grids, stickers, text, and more!"}),(0,s.jsx)("meta",{property:"og:image",content:"/static/images/og-image.png"}),(0,s.jsx)("meta",{name:"keywords",content:"Collage maker, photo collage, collage, picture collage, make a collage"}),(0,s.jsx)("meta",{property:"og:title",content:"Collage Maker | Create a Photo Collage Online For Free"}),(0,s.jsx)("meta",{property:"og:description",content:"Easily create a photo collage with PhotoJoinerâs online collage maker. Choose from thousands of free collage templates, grids, stickers, text, and more!"}),(0,s.jsx)("meta",{property:"og:url",content:"https://www.photojoiner.com"}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:site_name",content:"MixCollage"}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("link",{rel:"canonical",href:"https://www.photojoiner.com/features/collage-maker"}),(0,s.jsx)(h(),{src:"https://sak.userreport.com/photopix/launcher.js",async:!0,id:"userreport-launcher-script"})]}),(0,s.jsxs)(n.k,{location:"web_home",routeName:c.Z.collageEditor,children:[(0,s.jsx)(r.w,{backgroundColor:d.e.siteHeroBg}),(0,s.jsx)(N,{}),(0,s.jsx)(H,{}),(0,s.jsx)(k,{heading:"Your Collage, Your Way: Thousands of Layouts to Choose From!",subheading:"From bold centerpieces to heart-shaped focal points, your vision is our canvas. Explore our diverse array of photo collage layouts, each as distinctive as your memories. With endless options to play with, discover the ideal photo arrangement that speaks to your style. Dive deeper into customization, fine-tuning cell sizes, padding, and photo placement to craft a collage that truly stands out.",buttonText:"Make a Collage",buttonOnClick:()=>{},isVideo:!0,assetSrc:"/static/videos/layouts.mp4",assetPosition:"right"}),(0,s.jsx)(k,{heading:"Add Flair to Your Collages: Explore Stickers, Backgroun
1ds, and Shapes!",subheading:"Bring your photo collage to life with thousands of stickers, emojis, background images, and more. Choose from our hand-curated assets to express your inner artist. Whether you are looking for a heart emoji or a Valentine's background to give your collage that special care, weâve got you covered. Plus, you can rotate or resize emojis and stickers to fit your collage perfectly. Want your collage background to repeat seamlessly? No problem; weâve got hundreds of collage backgrounds that do exactly that.",buttonText:"Make a Collage",buttonOnClick:()=>{},isVideo:!1,assetSrc:"/static/images/flairs.png",assetPosition:"left"}),(0,s.jsx)(k,{heading:"Collage Maker with the best text and doodle tools.",subheading:"A photo is worth a thousand words, but the correct text can add powerful meaning to your collages. That is why we created PhotoJoinerâs collage maker with the best text tools. Choose from hundreds of beautiful fonts and edit them as you see fit. You can even draw your own doodles to personalize your collage. Plus, you can fine-tune every detail, from color to shadows. With PhotoJoinerâs collage maker, you have the best tools at your fingertips to easily create a stunning photo collage.",buttonText:"Make a Collage",buttonOnClick:()=>{},isVideo:!0,assetSrc:"/static/videos/doodle.mp4",assetPosition:"right"}),(0,s.jsx)(k,{heading:"Use the cutout tool to create unique collage stickers",subheading:"Elevate your photo collages with our AI-driven cutout tool, allowing you to create custom stickers effortlessly. From faces to furry friends, our tool precisely extracts subjects, transforming them into eye-catching stickers. Place them on your photo collage to make a scrapbook effect.",buttonText:"Select Photos",buttonOnClick:()=>{},isVideo:!1,assetSrc:"/static/images/cutout.png",assetPosition:"left"}),(0,s.jsx)(g,{}),(0,s.jsx)(l.$,{titleColor:"#F8F8F8",backgroundColor:"#FFFFFF",textColor:"#333333",whiteLogo:!1})]})]})}},function(e){e.O(0,[61,518,621,580,774,888,179],function(){return e(e.s=26)}),_N_E=e.O()}]); 2//# sourceMappingURL=collage-maker-8e2812f5a909915e.js.map
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.