https://boombam.app/assets/linkedin-ads-mockup-Ha6n9rSC.js

1import{j as e,dD as b,dE as w,dF as g,s as C,B as d,ad as k,cV as A,aL as L,a4 as p,S as j,aF as v,ap as T,h as B}from"./index-CuSEeJFb.js";import{S as I}from"./share-B5BYf7qZ.js";function M({register:i,watch:x,businessProfile:a,isGeneratingField:s,onGenerateField:l}){const c=x("platformContent.headline")||"",r=x("platformContent.description")||"",n=x("platformContent.callToAction")||"",t={headline:200,description:600,callToAction:30},o=(h,y)=>{const u=h/y;return u>.9?"text-red-500":u>.7?"text-orange-500":"text-gray-500"},m=(a==null?void 0:a.businessName)||"Your Business",N=(a==null?void 0:a.logo)||"",f=m.split(" ").map(h=>h[0]).join("").toUpperCase().slice(0,2);return e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsxs("div",{className:"bg-white border rounded-lg overflow-hidden mb-6 shadow-sm",children:[e.jsx("div",{className:"bg-white border-b p-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-8 h-8 bg-blue-600 rounded flex items-center justify-center",children:e.jsx("span",{className:"text-white font-bold text-sm",children:"in"})}),e.jsx("span",{className:"font-semibold text-gray-900",children:"LinkedIn"})]}),e.jsx("div",{className:"flex items-center space-x-2 text-sm text-gray-600",children:e.jsx("span",{children:"Professional Feed"})})]})}),e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"bg-white border rounded-lg",children:[e.jsx("div",{className:"p-4 border-b",children:e.jsxs("div",{className:"flex items-start space-x-3",children:[e.jsx(b,{className:"w-12 h-12",children:N?e.jsx(w,{src:N,alt:m}):e.jsx(g,{className:"bg-blue-600 text-white font-semibold",children:f})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h3",{className:"font-semibold text-gray-900",children:m}),e.jsx(C,{variant:"outline",className:"text-xs text-blue-600 border-blue-200",children:"Promoted"})]}),e.jsxs("p",{className:"text-sm text-gray-600",children:[(a==null?void 0:a.industry)||"Professional Services"," • 2nd"]}),e.jsx("p",{className:"text-xs text-gray-500",children:"2h • 🌎"})]})]})}),e.jsxs("div",{className:"p-4 space-y-4",children:[c&&e.jsx("h2",{className:"text-lg font-semibold text-gray-900 leading-tight",children:c}),r&&e.jsx("div",{className:"text-gray-700 whitespace-pre-wrap",children:r}),n&&e.jsx("div",{className:"pt-2",children:e.jsx(d,{className:"bg-blue-600 hover:bg-blue-700 text-white rounded-full px-6",children:n})})]}),e.jsx("div",{className:"px-4 pb-2",children:e.jsx("div",{className:"flex items-center justify-between text-sm text-gray-600 border-t pt-3",children:e.jsxs("div",{className:"flex items-center space-x-6",children:[e.jsxs("button",{className:"flex items-center space-x-2 hover:text-blue-600 transition-colors",children:[e.jsx(k,{className:"w-4 h-4"}),e.jsx("span",{children:"Like"})]}),e.jsxs("button",{className:"flex items-center space-x-2 hover:text-blue-600 transition-colors",children:[e.jsx(A,{className:"w-4 h-4"}),e.jsx("span",{children:"Comment"})]}),e.jsxs("button",{className:"flex items-center space-x-2 hover:text-blue-600 transition-colors",children:[e.jsx(I,{className:"w-4 h-4"}),e.jsx("span",{children:"Share"})]}),e.jsxs("button",{className:"flex items-center space-x-2 hover:text-blue-600 transition-colors",children:[e.jsx(L,{className:"w-4 h-4"}),e.jsx("span",{children:"Save"})]})]})})})]}),e.jsx("div",{className:"mt-4 space-y-4 opacity-60",children:e.jsx("div",{className:"bg-white border rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start space-x-3",children:[e.jsx(b,{className:"w-10 h-10",children:e.jsx(g,{className:"bg-gray-400 text-white text-sm",children:"JD"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h4",{className:"font-semibold text-gray-900 text-sm",children:"John Doe"}),e.jsx("p",{className:"text-xs text-gray-600",children:"Marketing Director at Tech Corp"}),e.jsx("p",{className:"text-sm text-gray-700 mt-2",children:"Excited to share insights from the latest industry conference..."})]})]})})})]})]}),e.jsxs("div",{className:"bg-white border rounded-lg p-6 space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-8 h-8 bg-blue-600 rounded flex items-center justify-center",children:e.jsx("span",{className:"text-white font-bold text-sm",children:"in"})}),e.jsx("h3",{className:"font-semibold text-lg",children:"LinkedIn Ad Configuration"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-700",children:["Headline ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:`text-xs ${o(c.length,t.headline)}`,children:[c.length,"/",t.headline]}),e.jsx(d,{type:"button",variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onClick:()=>l==null?void 0:l("headline"),disabled:s==null?void 0:s("headline"),children:s!=null&&s("headline")?e.jsx(p,{className:"h-3 w-3 animate-spin"}):e.jsx(j,{className:"h-3 w-3"})})]})]}),e.jsx(v,{...i("platformContent.headline"),placeholder:"Professional headline that captures attention",maxLength:t.headline,className:c.length>t.headline?"border-red-500":""}),e.jsx("p",{className:"text-xs text-gray-500",children:"Clear, benefit-focused headline for professional audience"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-700",children:["Description ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:`text-xs ${o(r.length,t.description)}`,children:[r.length,"/",t.description]}),e.jsx(d,{type:"button",variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onClick:()=>l==null?void 0:l("description"),disabled:s==null?void 0:s("description"),children:s!=null&&s("description")?e.jsx(p,{className:"h-3 w-3 animate-spin"}):e.jsx(j,{className:"h-3 w-3"})})]})]}),e.jsx(T,{...i("platformContent.description"),placeholder:"Professional description highlighting value proposition and credibility",maxLength:t.description,rows:4,className:r.length>t.description?"border-red-500":""}),e.jsx("p",{className:"text-xs text-gray-500",children:"Detailed description with professional tone and clear benef

1its"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-700",children:["Call to Action ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:`text-xs ${o(n.length,t.callToAction)}`,children:[n.length,"/",t.callToAction]}),e.jsx(d,{type:"button",variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onClick:()=>l==null?void 0:l("callToAction"),disabled:s==null?void 0:s("callToAction"),children:s!=null&&s("callToAction")?e.jsx(p,{className:"h-3 w-3 animate-spin"}):e.jsx(j,{className:"h-3 w-3"})})]})]}),e.jsx(v,{...i("platformContent.callToAction"),placeholder:"Learn More",maxLength:t.callToAction,className:n.length>t.callToAction?"border-red-500":""}),e.jsx("p",{className:"text-xs text-gray-500",children:'Professional action button text (e.g., "Learn More", "Get Quote", "Schedule Demo")'})]}),e.jsx("div",{className:"bg-blue-50 border border-blue-200 rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(B,{className:"h-5 w-5 text-blue-600 mt-0.5"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h5",{className:"font-medium text-blue-900",children:"LinkedIn Ad Best Practices"}),e.jsxs("ul",{className:"text-sm text-blue-800 space-y-1",children:[e.jsx("li",{children:"• Use professional, credible language appropriate for business context"}),e.jsx("li",{children:"• Focus on business value and ROI rather than emotional appeals"}),e.jsx("li",{children:"• Leverage industry expertise and thought leadership"}),e.jsx("li",{children:"• Target decision-makers during business hours for optimal engagement"}),e.jsx("li",{children:"• Include specific benefits relevant to professional challenges"})]})]})]})}),e.jsx("div",{className:"bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200 rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-5 h-5 bg-blue-600 rounded-full flex items-center justify-center mt-0.5",children:e.jsx("span",{className:"text-white text-xs",children:"⚡"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h5",{className:"font-medium text-blue-900",children:"Engagement Triggers"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsxs("div",{className:"bg-white rounded p-2 border border-blue-100",children:[e.jsx("span",{className:"font-medium text-blue-800",children:"Content Sharing"}),e.jsx("p",{className:"text-blue-600 mt-1",children:"High sharing velocity targeting"})]}),e.jsxs("div",{className:"bg-white rounded p-2 border border-blue-100",children:[e.jsx("span",{className:"font-medium text-blue-800",children:"Profile Viewing"}),e.jsx("p",{className:"text-blue-600 mt-1",children:"Research behavior targeting"})]}),e.jsxs("div",{className:"bg-white rounded p-2 border border-blue-100",children:[e.jsx("span",{className:"font-medium text-blue-800",children:"Lead Form Clicks"}),e.jsx("p",{className:"text-blue-600 mt-1",children:"B2B intent signals"})]}),e.jsxs("div",{className:"bg-white rounded p-2 border border-blue-100",children:[e.jsx("span",{className:"font-medium text-blue-800",children:"Connection Requests"}),e.jsx("p",{className:"text-blue-600 mt-1",children:"Active networking behavior"})]})]})]})]})}),e.jsx("div",{className:"bg-gray-50 border rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-5 h-5 bg-blue-600 rounded-full flex items-center justify-center mt-0.5",children:e.jsx("span",{className:"text-white text-xs font-bold",children:"B2B"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h5",{className:"font-medium text-gray-900",children:"Professional Network Context"}),e.jsxs("p",{className:"text-sm text-gray-700",children:["This ad will target professionals in ",e.jsx("strong",{children:(a==null?void 0:a.industry)||"your industry"}),(a==null?void 0:a.targetAudience)&&e.jsxs("span",{children:[" focusing on ",a.targetAudience.toLowerCase()]}),". LinkedIn's advanced targeting ensures your message reaches decision-makers during business hours when they're actively networking and making professional decisions."]})]})]})})]})]})}export{M as LinkedInAdsMockup};