https://lineart.ai/assets/collections._slug-CtHalYZ5.js

1import{j as e,L as o,ae as h,b as r,af as n,aE as g,aF as p,aG as f,aH as j,aI as N,aJ as b,aK as y,aL as c,r as w,B as v,m as k,a4 as C,aM as P,aj as A}from"./main-Q5nk-brf.js";import{t as d}from"./analytics-DFvU8q-C.js";import{I as m}from"./IconDownload-CsE9Ol2f.js";import{a as L,d as z}from"./book-pdf-DG6DhgVr.js";import{g as F}from"./styles-Csc2H1aD.js";function D({caseStudy:s}){return e.jsx("section",{"aria-labelledby":"collection-case-study",className:"rounded-2xl border bg-muted/40 p-6 sm:p-8",children:e.jsxs("div",{className:"grid items-center gap-8 lg:grid-cols-2",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("figure",{className:"space-y-1.5",children:[e.jsx("img",{src:s.photoUrl,alt:s.photoAlt,width:384,height:512,loading:"lazy",className:"aspect-[3/4] w-full rounded-xl border object-cover shadow-sm"}),e.jsx("figcaption",{className:"text-center text-xs text-muted-foreground",children:"One phone photo"})]}),e.jsxs("figure",{className:"space-y-1.5",children:[e.jsx("img",{src:s.pageUrl,alt:s.pageAlt,width:384,height:512,loading:"lazy",className:"aspect-[3/4] w-full rounded-xl border bg-white object-cover shadow-sm"}),e.jsx("figcaption",{className:"text-center text-xs text-muted-foreground",children:"One of five generated pages"})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-wide text-primary",children:"Made from one photo"}),e.jsx("h2",{id:"collection-case-study",className:"mt-2 text-2xl font-semibold",children:s.headline}),e.jsx("p",{className:"mt-3 text-muted-foreground",children:"The free pages above are generic subjects. Upload a photo of your own pet, kid or family and LineArt draws a five-page book with the same character in every scene, in the same style as this set. This is a real, unedited run."}),e.jsxs("div",{className:"mt-5 flex flex-wrap gap-3",children:[e.jsxs(o,{to:"/blog/$slug",params:{slug:s.blogSlug},className:r(n({variant:"outline"})),children:["See all pages from this run",e.jsx(h,{className:"ml-1 size-4"})]}),e.jsx(o,{to:"/create",className:r(n()),children:"Try it with your photo"})]})]})]})})}function q({items:s}){return s.length===0?null:e.jsxs("section",{"aria-labelledby":"collection-faq",children:[e.jsx("h2",{id:"collection-faq",className:"text-2xl font-semibold",children:"Frequently asked questions"}),e.jsx(g,{className:"mt-4 w-full rounded-2xl border px-4 sm:px-6",children:s.map((a,l)=>e.jsxs(p,{value:`faq-${l}`,className:"border-dashed",children:[e.jsx(f,{className:"text-left text-base hover:no-underline",children:a.question}),e.jsx(j,{children:e.jsx("p",{className:"text-base text-muted-foreground",children:a.answer})})]},a.question))})]})}function B({collection:s}){return e.jsx("ul",{className:"grid grid-cols-2 gap-5 sm:grid-cols-3 lg:grid-cols-4",children:s.imageIds.map(a=>{const l=N(a),t=b(s,a);return e.jsxs("li",{children:[e.jsxs("figure",{className:"space-y-2",children:[e.jsx("img",{src:y(s.slug,a),alt:`${l} coloring page — ${t}`,width:384,height:512,loading:"lazy",className:"aspect-[3/4] w-full rounded-xl border bg-white object-cover shadow-sm"}),e.jsxs("figcaption",{className:"text-center",children:[e.jsx("span",{className:"block text-sm font-medium text-foreground",children:l}),e.jsx("span",{className:"block text-xs text-muted-foreground",children:t})]})]}),e.jsxs("a",{href:c(s.slug,a),download:`${a}-coloring-page.png`,onClick:()=>d("collection_download",{collection:s.slug,image:a,format:"png"}),className:"mt-2 flex items-center justify-center gap-1 text-xs font-medium text-primary hover:underline",children:[e.jsx(m,{className:"size-3.5"}),"Download PNG"]})]},a)})})}const E="FREE PRINTABLE COLORING PAGES";function I({collection:s}){const[a,l]=w.useState(!1),t=async()=>{if(!a){l(!0),d("collection_download",{collection:s.slug,format:"pdf"});try{const i=s.imageIds.map(u=>({url:c(s.slug,u)})),x=await L(i,s.title,{subtitle:E});z(x,`${s.slug}-coloring-pages.pdf`)}catch(i){console.error("[collection-pdf] failed",i),C.error("Could not build the PDF. Please try again.")}finally{l(!1)}}};return e.jsxs(v,{size:"lg",onClick:t,disabled:a,children:[a?e.jsx(k,{className:"mr-2 size-4 animate-spin"}):e.jsx(m,{className:"mr-2 size-4"}),a?"Building PDF…":`Download all ${s.imageIds.length} pages (PDF)`]})}function R(){const{collection:s,related:a}=P.useLoaderData(),l=F(s.style)?.displayName??s.style;return e.jsxs("div",{className:"mx-auto w-full max-w-6xl px-4 py-12",children:[e.jsx("nav",{"aria-label":"Breadcrumb",className:"text-sm text-muted-foreground",children:e.jsxs("ol",{className:"flex flex-wrap items-center gap-1",children:[e.jsx("li",{children:e.jsx(o,{to:"/",className:"hover:text-foreground",children:"Home"})}),e.jsx("li",{"aria-hidden":"true",children:"/"}),e.jsx("li",{children:e.jsx(o,{to:"/collections",className:"hover:text-foreground",children:"Collections"})}),e.jsx("li",{"aria-hidden":"true",children:"/"}),e.jsx("li",{className:"text-foreground",children:s.title})]})}),e.jsxs("header",{className:"mx-auto mt-6 max-w-3xl text-center",children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-wide text-primary",children:"Free printable coloring pages"}),e.jsxs("h1",{className:"mt-2 text-3xl font-bold sm:text-4xl",children:[s.title," Coloring Pages"]}),e.jsx("p",{className:"mt-4 text-muted-foreground",children:s.description}),e.jsxs("p",{className:"mt-3 text-sm text-muted-foreground",children:[s.imageIds.length," pages · ",l," style · Free for personal and classroom use"]}),e.jsxs("div",{className:"mt-6 flex flex-wrap items-center justify-center gap-3",children:[e.jsx(I,{collection:s}),e.jsx(o,{to:"/create",className:r(n({variant:"outline",size:"lg"})),children:"Make one from your photo"})]})]}),e.jsx("div",{className:"mt-10",children:e.jsx(B,{collection:s})}

1),e.jsxs("section",{"aria-labelledby":"collection-about",className:"mx-auto mt-14 max-w-3xl space-y-4",children:[e.jsx("h2",{id:"collection-about",className:"text-2xl font-semibold",children:"About this set"}),s.body.map(t=>e.jsx("p",{className:"text-muted-foreground",children:t},t.slice(0,40)))]}),s.caseStudy&&e.jsx("div",{className:"mt-14",children:e.jsx(D,{caseStudy:s.caseStudy})}),e.jsx("div",{className:"mx-auto mt-14 max-w-3xl",children:e.jsx(q,{items:s.faq})}),a.length>0&&e.jsxs("section",{"aria-labelledby":"collection-related",className:"mt-14",children:[e.jsx("h2",{id:"collection-related",className:"text-2xl font-semibold",children:"More free coloring page sets"}),e.jsx("div",{className:"mt-6 grid gap-8 lg:grid-cols-2",children:a.map(t=>e.jsx(A,{collection:t},t.slug))})]}),e.jsxs("div",{className:"mt-14 rounded-2xl border bg-card p-8 text-center",children:[e.jsx("h2",{className:"text-xl font-semibold",children:"Make a book like this from your own photo"}),e.jsx("p",{className:"mx-auto mt-2 max-w-xl text-sm text-muted-foreground",children:"These pages were generated by LineArt. Upload one photo of your pet, kid, or family and get a personalized coloring book — PNG pages plus a print-ready PDF — in minutes. New accounts include a free two-page preview."}),e.jsx(o,{to:"/create",className:r(n({size:"lg"}),"mt-6"),children:"Create my coloring book"})]})]})}export{R as component};