https://boombam.app/assets/postcards-mockup-CR5fL-xo.js

1import{K as de,r as J,j as e,s as P,B as b,E as oe,bF as xe,cr as me,X as K,C as d,b as o,d as x,e as m,ab as i,$ as g,a0 as u,a1 as v,a2 as N,a3 as a,P as he,a4 as M,S as B,aF as R,ap as q,b6 as je,b9 as pe,b7 as D,J as ge,T as ue,V as ve,U as Ne}from"./index-CuSEeJFb.js";import{M as fe}from"./mail-Dl1RGATy.js";import{R as W}from"./ruler-CW1eoJlB.js";import{T as X}from"./type-u6mf0Lzd.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const ye=de("FlipHorizontal",[["path",{d:"M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3",key:"1i73f7"}],["path",{d:"M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3",key:"saxlbk"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 14v2",key:"8jcxud"}],["path",{d:"M12 8v2",key:"1woqiv"}],["path",{d:"M12 2v2",key:"tus03m"}]]);function ze({register:C,control:be,setValue:j,watch:l,businessProfile:n,isGeneratingField:c,onGenerateField:y,creativeFormat:Ce,temperature:T,awarenessLevel:we,getValidationStatus:$}){const[w,Z]=J.useState("design"),[k,H]=J.useState("front"),I=l("platformContent.headline")||"",F=l("platformContent.message")||"",A=l("platformContent.callToAction")||"",z=l("platformContent.contactInfo")||"",U=l("platformContent.postcardSize")||"4x6",S=l("platformContent.postcardFormat")||"promotional",G=l("platformContent.colorScheme")||"brand_colors",ee=l("platformContent.typography")||"modern_sans",se=l("platformContent.imageLayout")||"hero_image",ae=l("platformContent.paperType")||"glossy_cardstock",h=l("platformContent.printQuantity")||"1000";l("platformContent.mailingList");const te=l("platformContent.addressArea")||"standard";l("platformContent.businessLogo"),l("platformContent.companyTagline");const r={headline:50,message:300,callToAction:30,contactInfo:100,companyTagline:40},p=(s,t,L)=>{if($){const _=$(s,L);return{colorClass:_.status==="error"?"text-red-500":_.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:_.message}}const Y=t/L;return{colorClass:Y>.9?"text-red-500":Y>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${t}/${L}`}},O=(n==null?void 0:n.businessName)||"Your Business",le=(n==null?void 0:n.phone)||"(555) 123-4567",ie=(n==null?void 0:n.address)||"123 Business St, City, State 12345";n!=null&&n.website;const ne=O.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2),Q={"4x6":{name:'4" × 6" Standard',width:400,height:250,description:"Most economical mailing size"},"5x7":{name:'5" × 7" Large',width:350,height:245,description:"More space for content"},"6x9":{name:'6" × 9" Jumbo',width:300,height:200,description:"Maximum impact size"},"6x11":{name:'6" × 11" Oversized',width:330,height:180,description:"Stand-out format"}},V={promotional:{name:"Promotional",color:"bg-blue-500",icon:"🎯"},thank_you:{name:"Thank You",color:"bg-green-500",icon:"🙏"},appointment_reminders:{name:"Appointment Reminders",color:"bg-purple-500",icon:"📅"},event_invitations:{name:"Event Invitations",color:"bg-pink-500",icon:"🎉"},holiday_greetings:{name:"Holiday Greetings",color:"bg-red-500",icon:"🎄"},real_estate:{name:"Real Estate",color:"bg-orange-500",icon:"🏠"}},f=Q[U],E=V[S],ce={brand_colors:{name:"Brand Colors",primary:"#3B82F6",secondary:"#1E40AF"},high_contrast:{name:"High Contrast",primary:"#000000",secondary:"#FFFFFF"},warm_tones:{name:"Warm Tones",primary:"#F59E0B",secondary:"#DC2626"},cool_tones:{name:"Cool Tones",primary:"#06B6D4",secondary:"#8B5CF6"},elegant:{name:"Elegant",primary:"#6B7280",secondary:"#111827"}},re={modern_sans:{name:"Modern Sans",family:"font-sans",description:"Clean and professional"},classic_serif:{name:"Classic Serif",family:"font-serif",description:"Traditional and trustworthy"},bold_display:{name:"Bold Display",family:"font-bold",description:"Eye-catching headlines"},friendly_rounded:{name:"Friendly Rounded",family:"font-rounded",description:"Approachable and warm"}};return e.jsx("div",{className:"max-w-7xl mx-auto",children:e.jsxs("div",{className:"bg-white dark:bg-gray-900 rounded-lg shadow-xl overflow-hidden mb-6",children:[e.jsx("div",{className:"bg-gradient-to-r from-blue-50 to-purple-50 dark:from-gray-800 dark:to-gray-700 border-b border-gray-200 dark:border-gray-600 px-6 py-4",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("div",{className:"w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center",children:e.jsx(fe,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:"Postcard Design Studio"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-300 text-sm",children:"Professional direct mail design workspace"})]})]}),e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsxs(P,{variant:"outline",className:"flex items-center gap-1","data-testid":"badge-format",children:[e.jsx("span",{className:"text-lg",children:E.icon}),E.name]}),e.jsxs(P,{variant:"secondary",className:"flex items-center gap-1","data-testid":"badge-size",children:[e.jsx(W,{className:"w-3 h-3"}),f.name]}),e.jsxs(b,{variant:"outline",size:"sm",className:"flex items-center gap-1","data-testid":"button-preview",children:[e.jsx(oe,{className:"w-4 h-4"}),"Preview"]})]})]})}),e.jsx("div",{className:"border-b border-gray-200 dark:border-gray-700",children:e.jsx("nav",{className:"flex space-x-8 px-6","data-testid":"nav-design-tabs",children:[{id:"design",label:"Design & Layout",icon:xe},{id:"content",label:"Content Creation",icon:X},{id:"print",label:"Print Specifications",icon:me},{id:"analytics",label:"Campaign Analytics",icon:K}].map(s=>e.jsxs("button",{onClick:()=>Z(s.id),className:`flex items-center gap-2 py-4 px-2 text-sm font-medium border-b-2 transition-colors ${w===s.id?"border-blue-500 text-blue-600":"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`,"data-testid":`tab-${s.id}`,children:[e.jsx(s.icon,{className:"w-4 h-4"}),s.label]},s.id))})}),e.jsxs("div",{className:"p-6",children:[w==="design"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"text-lg font-semibold",children:"Postcard Preview"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(b,{variant:k==="front"?"default":"outline",size:"sm",onClick:()=>H("front"),className:"flex items-center gap-1","data-testid":"button-front-side",children:"Front"}),e.jsxs(b,{variant:k==="back"?"default":"outline",size:"sm",onClick:()=>

6H("back"),className:"flex items-center gap-1","data-testid":"button-back-side",children:[e.jsx(ye,{className:"w-3 h-3"}),"Back"]})]})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"bg-white border-2 border-gray-300 rounded-lg shadow-lg mx-auto relative overflow-hidden",style:{width:f.width,height:f.height,aspectRatio:`${f.width}/${f.height}`},"data-testid":"preview-postcard",children:k==="front"?e.jsxs("div",{className:"h-full flex flex-col relative p-4",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-50 to-blue-100","data-testid":"preview-background"}),e.jsx("div",{className:"relative z-10 flex justify-between items-start mb-3",children:e.jsx("div",{className:"w-8 h-8 bg-blue-600 rounded flex items-center justify-center","data-testid":"preview-logo",children:e.jsx("span",{className:"text-white text-xs font-bold",children:ne})})}),e.jsxs("div",{className:"relative z-10 flex-1 flex flex-col justify-center",children:[e.jsx("h2",{className:"text-lg font-bold text-gray-900 mb-2 leading-tight","data-testid":"preview-headline",children:I||"Your Compelling Headline Here"}),e.jsx("p",{className:"text-xs text-gray-700 mb-3 leading-relaxed","data-testid":"preview-message",children:F||"Your persuasive message content that engages your audience and drives action."}),e.jsx("div",{className:"bg-blue-600 text-white px-3 py-1.5 rounded text-xs font-semibold inline-block w-fit","data-testid":"preview-cta",children:A||"Call Now!"})]}),e.jsx("div",{className:"relative z-10 text-xs text-gray-600 mt-2","data-testid":"preview-contact",children:z||le})]}):e.jsxs("div",{className:"h-full flex relative",children:[e.jsx("div",{className:"w-1/2 h-full bg-white p-4 border-r border-gray-200",children:e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsx("div",{className:"text-xs text-gray-500 mb-2",children:"POSTAGE"}),e.jsx("div",{className:"w-12 h-8 border-2 border-dashed border-gray-300 mb-4"}),e.jsxs("div",{className:"flex-1 flex flex-col justify-center",children:[e.jsx("div",{className:"text-xs font-semibold text-gray-800 mb-1",children:O}),e.jsx("div",{className:"text-xs text-gray-600 leading-relaxed",children:ie.split(", ").map((s,t)=>e.jsx("div",{children:s},t))})]})]})}),e.jsx("div",{className:"w-1/2 h-full bg-gray-50 p-4","data-testid":"preview-recipient-area",children:e.jsxs("div",{className:"h-full flex flex-col justify-center",children:[e.jsx("div",{className:"text-xs text-gray-400 mb-2",children:"RECIPIENT ADDRESS:"}),e.jsx("div",{className:"border-b border-gray-300 mb-1 h-3"}),e.jsx("div",{className:"border-b border-gray-300 mb-1 h-3"}),e.jsx("div",{className:"border-b border-gray-300 mb-1 h-3"}),e.jsx("div",{className:"border-b border-gray-300 h-3"})]})})]})}),e.jsx("div",{className:"text-center mt-2",children:e.jsxs(P,{variant:"outline",className:"text-xs",children:[f.name," - ",f.description]})})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(W,{className:"w-4 h-4"}),"Size & Format"]})}),e.jsxs(m,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(i,{htmlFor:"postcardSize",children:"Postcard Size"}),e.jsxs(g,{value:U,onValueChange:s=>j("platformContent.postcardSize",s),children:[e.jsx(u,{"data-testid":"select-postcard-size",children:e.jsx(v,{})}),e.jsx(N,{children:Object.entries(Q).map(([s,t])=>e.jsxs(a,{value:s,children:[t.name," - ",t.description]},s))})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"postcardFormat",children:"Format Type"}),e.jsxs(g,{value:S,onValueChange:s=>j("platformContent.postcardFormat",s),children:[e.jsx(u,{"data-testid":"select-postcard-format",children:e.jsx(v,{})}),e.jsx(N,{children:Object.entries(V).map(([s,t])=>e.jsxs(a,{value:s,children:[t.icon," ",t.name]},s))})]})]})]})]}),e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(he,{className:"w-4 h-4"}),"Visual Design"]})}),e.jsxs(m,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(i,{htmlFor:"colorScheme",children:"Color Scheme"}),e.jsxs(g,{value:G,onValueChange:s=>j("platformContent.colorScheme",s),children:[e.jsx(u,{"data-testid":"select-color-scheme",children:e.jsx(v,{})}),e.jsx(N,{children:Object.entries(ce).map(([s,t])=>e.jsx(a,{value:s,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"flex gap-1",children:[e.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:t.primary}}),e.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:t.secondary}})]}),t.name]})}

6,s))})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"typography",children:"Typography Style"}),e.jsxs(g,{value:ee,onValueChange:s=>j("platformContent.typography",s),children:[e.jsx(u,{"data-testid":"select-typography",children:e.jsx(v,{})}),e.jsx(N,{children:Object.entries(re).map(([s,t])=>e.jsx(a,{value:s,children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:t.family,children:t.name}),e.jsx("span",{className:"text-xs text-gray-500",children:t.description})]})},s))})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"imageLayout",children:"Image Layout"}),e.jsxs(g,{value:se,onValueChange:s=>j("platformContent.imageLayout",s),children:[e.jsx(u,{"data-testid":"select-image-layout",children:e.jsx(v,{})}),e.jsxs(N,{children:[e.jsx(a,{value:"hero_image",children:"Hero Image Background"}),e.jsx(a,{value:"side_image",children:"Side Image with Text"}),e.jsx(a,{value:"no_image",children:"Text Only Layout"}),e.jsx(a,{value:"split_design",children:"Split Image/Text Design"})]})]})]})]})]})]})]}),w==="content"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(X,{className:"w-4 h-4"}),"Postcard Content"]})}),e.jsxs(m,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(i,{htmlFor:"headline",children:"Main Headline"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(b,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("headline"),disabled:c&&c("headline"),className:"flex items-center gap-1","data-testid":"button-generate-headline",children:[c&&c("headline")?e.jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(B,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${p("headline",I.length,r.headline).colorClass}`,children:p("headline",I.length,r.headline).message})]})]}),e.jsx(R,{...C("platformContent.headline"),placeholder:"Enter compelling headline...",maxLength:r.headline,"data-testid":"input-headline"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(i,{htmlFor:"message",children:"Main Message"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(b,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("message"),disabled:c&&c("message"),className:"flex items-center gap-1","data-testid":"button-generate-message",children:[c&&c("message")?e.jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(B,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${p("message",F.length,r.message).colorClass}`,children:p("message",F.length,r.message).message})]})]}),e.jsx(q,{...C("platformContent.message"),placeholder:"Enter your persuasive message content...",rows:4,maxLength:r.message,"data-testid":"textarea-message"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(i,{htmlFor:"callToAction",children:"Call to Action"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(b,{type:"button",variant:"outline",size:"sm",onClick:()=>y&&y("callToAction"),disabled:c&&c("callToAction"),className:"flex items-center gap-1","data-testid":"button-generate-cta",children:[c&&c("callToAction")?e.jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(B,{className:"w-3 h-3"}),"Generate"]}),e.jsx("span",{className:`text-xs ${p("callToAction",A.length,r.callToAction).colorClass}`,children:p("callToAction",A.length,r.callToAction).message})]})]}),e.jsx(R,{...C("platformContent.callToAction"),placeholder:"Call Now!, Visit Today!, etc.",maxLength:r.callToAction,"data-testid":"input-call-to-action"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(i,{htmlFor:"contactInfo",children:"Contact Information"}),e.jsx(R,{...C("platformContent.contactInfo"),placeholder:"Phone, email, or website",maxLength:r.contactInfo,"data-testid":"input-contact-info"}),e.jsx("span",{className:`text-xs ${p("contactInfo",z.length,r.contactInfo).colorClass}`,children:p("contactInfo",z.length,r.contactInfo).message})]})]})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsx(x,{className:"text-base",children:"Content Guidelines"})}),e.jsx(m,{className:"space-y-3",children:e.jsxs("div",{className:"text-sm text-gray-600 space-y-2",children:[e.jsx("p",{children:e.jsx("strong",{children:"Headline Tips:"})}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs",children:[e.jsx("li",{children:"Keep under 50 characters for maximum impact"}),e.jsx("li",{children:"Use action words and benefits"}),e.jsx("li",{children:"Address the recipient directly"})]}),e.jsx("p",{className:"pt-2",children:e.jsx("strong",{children:"Message Best Practices:"})}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs",children:[e.jsx("li",{children:"Lead with the primary benefit"}),e.jsx("li",{children:"Include social proof when possible"}),e.jsx("li",{children:"Create urgency or scarcity"}),e.jsx("li",{children:"Keep paragraphs short and scannable"})]}),e.jsx("p",{className:"pt-2",children:e.jsx("strong",{children:"Call to Action:"})}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-xs",children:[e.jsx("li",{children:"Use strong action verbs"}),e.jsx("li",{children:"Be specific about the next step"}),e.jsx("li",{children:"Create urgency when appropriate"})]})]})})]}),e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsx(x,{className:"text-base",children:"Format-Specific Tips"})}),e.jsx(m,{children:e.jsxs("div",{className:"text-sm text-gray-600",children:[e.jsxs("p",{className:"font-medium",children:[E.name," Postcards:"]}),e.jsxs("div",{className:"mt-2 text-xs space-y-1",children:[S==="promotional"&&e.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[e.jsx("li",{children:"Focus on offers and discounts"}),e.jsx("li",{children:"Include expiration dates"}),e.jsx("li",{children:"Use bright, attention-grabbing colors"})]}),S==="thank_you"&&e.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[e.jsx("li",{children:"Express genuine appreciation"}),e.jsx("li",{children:"Reference specific interactions"}

6),e.jsx("li",{children:"Include next steps for continued engagement"})]}),S==="appointment_reminders"&&e.jsxs("ul",{className:"list-disc list-inside space-y-1",children:[e.jsx("li",{children:"Include clear date and time"}),e.jsx("li",{children:"Provide contact info for rescheduling"}),e.jsx("li",{children:"Include preparation instructions if needed"})]})]})]})})]})]})]}),w==="print"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(je,{className:"w-4 h-4"}),"Print Specifications"]})}),e.jsxs(m,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(i,{htmlFor:"paperType",children:"Paper Type"}),e.jsxs(g,{value:ae,onValueChange:s=>j("platformContent.paperType",s),children:[e.jsx(u,{"data-testid":"select-paper-type",children:e.jsx(v,{})}),e.jsxs(N,{children:[e.jsx(a,{value:"glossy_cardstock",children:"Glossy Cardstock (Premium)"}),e.jsx(a,{value:"matte_cardstock",children:"Matte Cardstock (Professional)"}),e.jsx(a,{value:"recycled_cardstock",children:"Recycled Cardstock (Eco-friendly)"}),e.jsx(a,{value:"linen_cardstock",children:"Linen Cardstock (Textured)"})]})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"printQuantity",children:"Print Quantity"}),e.jsxs(g,{value:h,onValueChange:s=>j("platformContent.printQuantity",s),children:[e.jsx(u,{"data-testid":"select-print-quantity",children:e.jsx(v,{})}),e.jsxs(N,{children:[e.jsx(a,{value:"250",children:"250 postcards"}),e.jsx(a,{value:"500",children:"500 postcards"}),e.jsx(a,{value:"1000",children:"1,000 postcards"}),e.jsx(a,{value:"2500",children:"2,500 postcards"}),e.jsx(a,{value:"5000",children:"5,000 postcards"}),e.jsx(a,{value:"10000",children:"10,000 postcards"})]})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"addressArea",children:"Address Area Layout"}),e.jsxs(g,{value:te,onValueChange:s=>j("platformContent.addressArea",s),children:[e.jsx(u,{"data-testid":"select-address-area",children:e.jsx(v,{})}),e.jsxs(N,{children:[e.jsx(a,{value:"standard",children:"Standard USPS Layout"}),e.jsx(a,{value:"barcode",children:"Include Delivery Barcode"}),e.jsx(a,{value:"custom",children:"Custom Address Layout"})]})]})]}),e.jsxs("div",{children:[e.jsx(i,{htmlFor:"mailingList",children:"Mailing List"}),e.jsx(q,{...C("platformContent.mailingList"),placeholder:"Enter target audience description or list details...",rows:3,"data-testid":"textarea-mailing-list"})]})]})]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(pe,{className:"w-4 h-4"}),"Cost Estimate"]})}),e.jsx(m,{children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsxs("span",{children:["Printing (",h," postcards):"]}),e.jsxs("span",{className:"font-medium",children:["$",(parseInt(h)*.45).toFixed(2)]})]}),e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{children:"Design & Setup:"}),e.jsx("span",{className:"font-medium",children:"$75.00"})]}),e.jsxs("div",{className:"flex justify-between text-sm",children:[e.jsx("span",{children:"Standard Postage:"}),e.jsxs("span",{className:"font-medium",children:["$",(parseInt(h)*.38).toFixed(2)]})]}),e.jsx(D,{}),e.jsxs("div",{className:"flex justify-between text-base font-semibold",children:[e.jsx("span",{children:"Total Estimated Cost:"}),e.jsxs("span",{children:["$",(parseInt(h)*.83+75).toFixed(2)]})]}),e.jsxs("div",{className:"text-xs text-gray-500 text-center",children:["Cost per piece: $",((parseInt(h)*.83+75)/parseInt(h)).toFixed(3)]})]})})]}),e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(ge,{className:"w-4 h-4"}),"Production Timeline"]})}),e.jsx(m,{children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-blue-500 rounded-full"}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium",children:"Design Approval"}),e.jsx("div",{className:"text-gray-500 text-xs",children:"1-2 business days"})]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-orange-500 rounded-full"}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium",children:"Printing & Production"}),e.jsx("div",{className:"text-gray-500 text-xs",children:"2-3 business days"})]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full"}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium",children:"Mailing Preparation"}),e.jsx("div",{className:"text-gray-500 text-xs",children:"1 business day"})]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 bg-purple-500 rounded-full"}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium",children:"USPS Delivery"}),e.jsx("div",{className:"text-gray-500 text-xs",children:"3-5 business days"})]})]}),e.jsx(D,{}),e.jsx("div",{className:"text-center",children:e.jsx("div",{className:"font-semibold text-blue-600",children:"Total Timeline: 7-11 business days"})})]})})]})]})]}),w==="analytics"&&e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(K,{className:"w-4 h-4"}),"Expected Campaign Performance"]})}),e.jsx(m,{className:"space-y-4",children:e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"text-center p-3 bg-blue-50 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-blue-600",children:"2.5%"}),e.jsx("div",{className:"text-xs text-gray-600",children:"Expected Response Rate"})]}),e.jsxs("div",{className:"text-center p-3 bg-green-50 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-green-600",children:Math.round(parseInt(h)*.025)}),e.jsx("div",{className:"text-xs text-gray-600",children:"Estimated Responses"})]}),e.jsxs("div",{className:"text-center p-3 bg-orange-50 rounded-lg",children:[e.jsxs("div",{className:"text-2xl font-bold text-orange-600",children:["$",((parseInt(h)*.83+75)/(parseInt(h)*.025)).toFixed(2)]}),e.jsx("div",{className:"text-xs text-gray-600",children:"Cost Per Response"})]}),e.jsxs("div",{className:"text-center p-3 bg-purple-50 rounded-lg",children:[e.jsx("div",{className:"text-2xl font-bold text-purple-600",children:"85%"}),e.jsx("div",{className:"text-xs text-gray-600",children:"Delivery Rate"})]})]})})]}),e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(ue,{className:"w-4 h-4"}),"Design Effectiveness Factors"]})}),e.jsxs(m,{className:"space-y-3",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Headline Impact"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-4/5 h-2 bg-green-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"80%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Visual Design"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-3/4 h-2 bg-blue-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"75%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Call to Action"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-4/5 h-2 bg-orange-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"85%"})]})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Message Clarity"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-20 h-2 bg-gray-200 rounded-full",children:e.jsx("div",{className:"w-3/5 h-2 bg-purple-500 rounded-full"})}),e.jsx("span",{className:"text-sm font-medium",children:"65%"})]})]})]})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(ve,{className:"w-4 h-4"}),"Industry Benchmarks"]})}),e.jsx(m,{className:"space-y-4",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"flex justify-between text-sm mb-1",children:e.jsx("span",{children:"Response Rates by Format"})}),e.jsxs("div",{className:"space-y-2 text-xs",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Promotional Postcards:"}),e.jsx("span",{className:"font-medium",children:"1.5% - 3.5%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Real Estate:"}),e.jsx("span",{className:"font-medium",children:"2.0% - 4.0%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:"Event Invitations:"}),e.jsx("span",{className:"font-medium",children:"3.0% - 5.0%"})]})]})]}),e.jsx(D,{}),e.jsxs("div",{children:[e.jsx("div",{className:"flex justify-between text-sm mb-1",children:e.jsx("span",{children:"Size Performance"})}),e.jsxs("div",{className:"space-y-2 text-xs",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:'4" x 6" Standard:'}),e.jsx("span",{className:"font-medium",children:"Baseline"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:'6" x 9" Jumbo:'}),e.jsx("span",{className:"font-medium",children:"+15% response"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{children:'6" x 11" Oversized:'}),e.jsx("span",{className:"font-medium",children:"+25% response"})]})]})]})]})})]}),e.jsxs(d,{children:[e.jsx(o,{className:"pb-3",children:e.jsxs(x,{className:"text-base flex items-center gap-2",children:[e.jsx(Ne,{className:"w-4 h-4"}),"Audience Analysis"]})}),e.jsx(m,{children:e.jsx("div",{className:"space-y-3",children:e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium mb-2",children:"Temperature Analysis:"}),e.jsxs("div",{className:"text-xs space-y-1",children:[T==="cold"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• Cold audie

6nces typically have 1.5-2.5% response rates"}),e.jsx("p",{children:"• Focus on building awareness and trust"}),e.jsx("p",{children:"• Use larger sizes for better visibility"})]}),T==="warm"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• Warm audiences achieve 2.5-4.0% response rates"}),e.jsx("p",{children:"• Leverage existing familiarity"}),e.jsx("p",{children:"• Include referral or relationship context"})]}),T==="hot"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• Hot audiences can reach 4.0-6.0% response rates"}),e.jsx("p",{children:"• Create urgency and clear next steps"}),e.jsx("p",{children:"• Use direct calls to action"})]}),T==="existing"&&e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"• Existing customers achieve 5.0-8.0% response rates"}),e.jsx("p",{children:"• Focus on upselling and retention"}),e.jsx("p",{children:"• Personalize with purchase history"})]})]})]})})})]})]})]})]})]})})}export{ze as PostcardsMockup};