https://qrtracker.io/assets/QRCodeTemplateDetail-BEzAwEtl.js

1import{j as e,B as n,H as k,A as c,h as R}from"./index-DWIxkO13.js";import{j as T,L as a,r as g}from"./vendor-BOYdj2Dv.js";import{M as f}from"./MetaTags-BtyciTQp.js";import{B as N}from"./badge-BYNyj8hk.js";import{C as d,c as m}from"./card-k8AHJ3OW.js";import{c as Q,T as b,q as y}from"./TemplateMiniPreview-BpVlEUa2.js";import{A as S}from"./arrow-left-M9WOPgXt.js";import{M as q}from"./map-pin-CljFbqfY.js";import{P as L}from"./printer-2WcpnTir.js";import{S as B}from"./sparkles-B_n4Fc6G.js";const o="https://qrtracker.io";function $(r){const s=y.filter(l=>l.slug!==r.slug&&l.category===r.category),i=y.filter(l=>l.slug!==r.slug&&l.category!==r.category);return[...s,...i].slice(0,3)}function U(){const{slug:r=""}=T(),s=Q(r);if(!s)return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(f,{title:"Template Not Found | QRTracker",description:"The QR code template you're looking for doesn't exist. Browse all templates.",noIndex:!0}),e.jsxs("main",{className:"container mx-auto px-4 py-24 max-w-2xl text-center",children:[e.jsx("h1",{className:"text-3xl font-bold mb-3",children:"Template not found"}),e.jsxs("p",{className:"text-muted-foreground mb-8",children:["We couldn't find a QR code template at"," ",e.jsxs("code",{className:"text-sm bg-muted px-1.5 py-0.5 rounded",children:["/qr-code-templates/",r]}),"."]}),e.jsxs("div",{className:"flex flex-wrap gap-3 justify-center",children:[e.jsx(n,{asChild:!0,children:e.jsxs(a,{to:"/qr-code-templates",children:[e.jsx(S,{className:"mr-2 h-4 w-4"})," Browse all templates"]})}),e.jsx(n,{asChild:!0,variant:"outline",children:e.jsx(a,{to:"/generate-v2",children:"Open QR Code Studio"})})]})]})]});const i=`${o}/qr-code-templates/${s.slug}`,l=`${s.name} QR Code Template | QRTracker`,x=s.shortDescription+" Customize colors, content, tracking, and export in QRTracker’s QR Code Studio.",u=`/generate-v2?template=${s.slug}`,p=g.useMemo(()=>$(s),[s]),w=g.useMemo(()=>{const t={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:`${o}/`},{"@type":"ListItem",position:2,name:"QR Code Templates",item:`${o}/qr-code-templates`},{"@type":"ListItem",position:3,name:s.name,item:i}]},h={"@context":"https://schema.org","@type":"WebPage",name:l,url:i,description:x,about:{"@type":"CreativeWork",name:s.name,description:s.shortDescription,genre:s.category}},v={"@context":"https://schema.org","@type":"ItemList",name:"Related QR code templates",itemListElement:p.map((j,C)=>({"@type":"ListItem",position:C+1,url:`${o}/qr-code-templates/${j.slug}`,name:j.name}))};return[t,h,v]},[s,i,l,x,p]);return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(f,{title:l,description:x,noIndex:!0}),e.jsxs(k,{children:[e.jsx("link",{rel:"canonical",href:i}),w.map((t,h)=>e.jsx("script",{type:"application/ld+json",children:JSON.stringify(t)},h))]}),e.jsxs("main",{children:[e.jsx("section",{className:"border-b bg-gradient-to-b from-primary/5 to-background",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-20 max-w-6xl",children:[e.jsxs("nav",{"aria-label":"Breadcrumb",className:"mb-6 text-sm text-muted-foreground",children:[e.jsx(a,{to:"/qr-code-templates",className:"hover:text-foreground",children:"QR Code Templates"}),e.jsx("span",{className:"mx-2",children:"/"}),e.jsx("span",{className:"text-foreground",children:s.name})]}),e.jsxs("div",{className:"grid gap-10 md:grid-cols-2 items-center",children:[e.jsxs("div",{children:[e.jsx(N,{variant:"secondary",className:"mb-4 text-[11px] uppercase tracking-wide",children:s.category}),e.jsxs("h1",{className:"text-3xl md:text-4xl font-bold tracking-tight mb-4",children:[s.name," QR Code Template"]}),e.jsx("p",{className:"text-lg text-muted-foreground mb-6",children:s.shortDescription}),e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(n,{asChild:!0,size:"lg",children:e.jsxs(a,{to:u,children:["Use this template ",e.jsx(c,{className:"ml-2 h-4 w-4"})]})}),e.jsx(n,{asChild:!0,size:"lg",variant:"outline",children:e.jsx(a,{to:"/qr-code-templates",children:"Browse all templates"})})]})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"rounded-2xl border bg-muted/30 p-6 md:p-8",children:e.jsx(b,{template:s,size:280})})})]})]})}),e.jsx("section",{className:"border-b",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16 max-w-4xl",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold mb-4",children:"How to use this QR code template"}),e.jsx("p",{className:"text-muted-foreground text-lg leading-relaxed",children:s.useCase})]})}),e.jsx("section",{className:"border-b bg-muted/30",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16 max-w-5xl",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx(q,{className:"h-5 w-5 text-primary"}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold",children:"Best placements"})]}),e.jsx("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-4",children:s.recommendedPlacements.map(t=>e.jsx(d,{children:e.jsx(m,{className:"p-4 text-sm font-medium",children:t})},t))})]})}),e.jsx("section",{className:"border-b",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16 max-w-4xl",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold mb-4",children:"Suggested call-to-action"}),e.jsx("p",{className:"text-muted-foreground mb-6",children:"These CTAs work well with this template. You can edit the CTA line inside QR Code Studio after applying the template."}),e.jsx("div",{className:"flex flex-wrap gap-2",children:s.ctaOptions.map(t=>e.jsx("span",{className:"px-3 py-1.5 rounded-full border bg-background text-sm",children:t},t))})]})}),e.jsx("section",{className:"border-b bg-muted/30",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16 max-w-5xl",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx(L,{className:"h-5 w-5 text-primary"}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold",children:"Print and scan safety"})]}),e.jsxs("div",{className:"grid gap-6 md:grid-cols-2",children:[e.jsx(d,{children:e.jsxs(m,{className:"p-5",children:[e.jsx("h3",{className:"font-semibold mb-2",children:"Recommended print size"}),e.jsx("p",{className:"text-muted-foreground",children:s.recommendedPrintSize})]})}),e.jsx(d,{children:e.jsxs(m,{className:"p-5",children:[e.jsx("h3",{className:"font-semibold mb-2",children:"Scan safety tips"}),e.jsx("ul",{className:"text-sm text-muted-foreground space-y-1.5 list-disc pl-5",children:s.scanSafetyTips.map(t=>e.jsx("li",{children:t},t))})]})})]}),e.jsx("p",{className:"text-sm text-muted-foreground mt-6",children:"QRTracker keeps framed QR codes on a clean white scan-safe area so the code remains easier to scan on printed materials."})]})}),e.jsx("section",{className:"border-b",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16 max-w-4xl",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(R,{className:"h-5 w-5 text-primary"}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold",children:"Track scans from this template"})]}),e.jsx("p",{className:"text-muted-foreground mb-6",children:"Turn on tracking in QR Code Studio to see which printed signs, menus, cards, flyers, and campaigns are actually getting scanned — broken down by day, source, location, and device."}),e.jsx(n,{asChild:!0,variant:"outline",children:e.jsxs(a,{to:"/qr-code-tracking",children:["Learn about QR Code Tracking ",e.jsx(c,{className:"ml-2 h-4 w-4"})]})})]})}),e.jsx("section",{className:"border-b bg-muted/30",children:e.jsxs("div",{className:"container mx-auto px-4 py-12 md:py-16 max-w-6xl",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold mb-6",children:"Related templates"}),e.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:p.map(t=>e.jsxs(d,{className:"flex flex-col overflow-hidden hover:shadow-md transition-shadow",children:[e.jsx(a,{to:`/qr-code-templates/${t.slug}`,className:"bg-muted/40 flex items-center justify-center p-5 border-b",children:e.jsx(b,{template:t,size:160})}),e.jsxs(m,{className:"flex flex-col flex-1 p-5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3 mb-2",children:[e.jsx("h3",{className:"font-semibold leading-tight",children:e.jsx(a,{to:`/qr-code-templates/${t.slug}`,className:"hover:text-primary",children:t.name})}),e.jsx(N,{variant:"secondary",className:"shrink-0 text-[10px] uppercase tracking-wide",children:t.category})]}),e.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:t.shortDe

1scription}),e.jsx("div",{className:"mt-auto",children:e.jsxs(a,{to:`/qr-code-templates/${t.slug}`,className:"text-sm text-primary font-medium inline-flex items-center hover:underline",children:["View details ",e.jsx(c,{className:"ml-1 h-3.5 w-3.5"})]})})]})]},t.id))})]})}),e.jsx("section",{children:e.jsxs("div",{className:"container mx-auto px-4 py-16 md:py-20 max-w-3xl text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full border bg-background px-3 py-1 text-xs font-medium text-muted-foreground mb-5",children:[e.jsx(B,{className:"h-3.5 w-3.5 text-primary"}),"Ready in one click"]}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold mb-4",children:"Customize this QR code template in QRTracker"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:"Open QR Code Studio with this template preloaded — colors, frame, CTA, tracking, and export preset all set up for you."}),e.jsx(n,{asChild:!0,size:"lg",children:e.jsxs(a,{to:u,children:["Use this template ",e.jsx(c,{className:"ml-2 h-4 w-4"})]})})]})})]})]})}export{U as default};