https://lawfirminnovations.com/assets/ShareTool-CSyBseN7.js

1import{r as n,j as e,H as p,L as m}from"./main-C1Rs6n4C.js";import{A as f}from"./arrow-left-BzvQ5xdG.js";import{C as h}from"./check-BuVMnSiV.js";import{C as x}from"./copy-BQw_dVh-.js";const r="https://lawfirminnovations.com";function j(){const[o,s]=n.useState(null),[t,l]=n.useState("newsletter"),d=n.useMemo(()=>{const i=t.trim()||"share",a=`${r}/free-scan?utm_source=${encodeURIComponent(i)}`;return[{id:"script",label:"Universal embed (recommended)",hint:"Drop on any website — WordPress, Squarespace, Webflow, raw HTML. Auto-resizes.",code:`<div id="lfi-scanner"></div>
2<script>window.LFI_EMBED = { target: "#lfi-scanner", utm: "${i}" };<\/script>
3<script src="${r}/embed.js" async><\/script>`},{id:"iframe",label:"Plain iframe",hint:"For platforms that block external scripts (e.g. some CMS sandboxes).",code:`<iframe src="${r}/scan/embed?utm_source=${i}"
4  title="AI Visibility Scanner"
5  style="width:100%;height:920px;border:0;border-radius:8px;background:#0f0f0f"
6  loading="lazy"></iframe>`},{id:"email",label:"Email button (HTML)",hint:"Emails strip iframes & JS. Use this bulletproof CTA button linked to the hosted scanner.",code:`<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:24px 0">
7  <tr><td bgcolor="#e85d3a" style="border-radius:6px">
8    <a href="${a}"
9       style="display:inline-block;padding:16px 28px;font-family:Arial,sans-serif;font-size:16px;font-weight:600;color:#ffffff;text-decoration:none;border-radius:6px">
10      Run my free AI Visibility Scan &rarr;
11    </a>
12  </td></tr>
13</table>`},{id:"link",label:"Shareable link (social, SMS, DMs)",hint:"Includes Open Graph preview card for LinkedIn, X, Facebook, iMessage.",code:a},{id:"markdown",label:"Markdown / Slack",hint:"For Slack, Notion, GitHub, Discord, Reddit.",code:`[Run a free AI Visibility Scan for your law firm](${a})`}]},[t]),c=async i=>{try{await navigator.clipboard.writeText(i.code),s(i.id),setTimeout(()=>s(null),1800)}catch{}};return e.jsxs("div",{style:{background:"#0f0f0f",minHeight:"100vh",color:"#f5f0e8",fontFamily:"'Karla',system-ui,sans-serif"},children:[e.jsxs(p,{children:[e.jsx("title",{children:"Embed & Share the AI Visibility Scanner | Law Firm Innovations"}),e.jsx("meta",{name:"description",content:"Copy-paste snippets to embed the AI Visibility Scanner on your website, send it in email campaigns, or share it on social media."}),e.jsx("link",{rel:"canonical",href:`${r}/share-tool`}),e.jsx("meta",{name:"robots",content:"noindex"})]}),e.jsx("header",{style:{borderBottom:"1px solid rgba(245,240,232,0.1)",padding:"20px 24px"},children:e.jsxs(m,{to:"/",style:{color:"#f5f0e8",textDecoration:"none",display:"inline-flex",alignItems:"center",gap:8,fontSize:18},children:[e.jsx(f,{size:18})," Back to home"]})}),e.jsxs("main",{style:{maxWidth:880,margin:"0 auto",padding:"56px 24px 96px"},children:[e.jsx("p",{style:{color:"#e85d3a",fontSize:13,letterSpacing:"0.28em",textTransform:"uppercase",fontWeight:600,margin:0},children:"Share · Embed · Distribute"}),e.jsxs("h1",{style:{fontFamily:"'Cormorant Garamond',Georgia,serif",fontSize:56,lineHeight:1.05,margin:"16px 0 20px",fontWeight:400},children:["Put the AI Visibility Scanner ",e.jsx("em",{style:{color:"#e85d3a"},children:"anywhere"}),"."]}),e.jsx("p",{style:{fontSize:19,lineHeight:1.6,color:"rgba(245,240,232,0.72)",maxWidth:640,margin:0},children:"One scanner, five formats. Embed it on your site, drop it in your next newsletter, or paste a link in a LinkedIn post. Every lead routes back to your Law Firm Innovations dashboard with full UTM attribution."}),e.jsxs("section",{style:{marginTop:48,padding:24,border:"1px solid rgba(245,240,232,0.12)",borderRadius:8,background:"rgba(245,240,232,0.03)"},children:[e.jsx("label",{style:{display:"block",fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:"rgba(245,240,232,0.62)",fontWeight:600,marginBottom:10},children:"Campaign tag (utm_source)"}),e.jsx("input",{value:t,onChange:i=>l(i.target.value),placeholder:"newsletter",style:{width:"100%",height:48,padding:"0 16px",fontSize:16,background:"rgba(245,240,232,0.06)",color:"#f5f0e8",border:"1px solid rgba(245,240,232,0.18)",borderRadius:6,outline:"none",fontFamily:"'Karla',sans-serif"}}),e.jsx("p",{style:{fontSize:14,color:"rgba(245,240,232,0.55)",margin:"10px 0 0"},children:"Tag every snippet below so you can see exactly which channel drove each scan."})]}),e.jsx("div",{style:{marginTop:40,display:"grid",gap:20},children:d.map(i=>e.jsxs("article",{style:{border:"1px solid rgba(245,240,232,0.12)",borderRadius:8,background:"#1a1a1a"},children:[e.jsxs("header",{style:{padding:"18px 22px",display:"flex",justifyContent:"space-between",alignItems:"flex-start",ga

13p:16,borderBottom:"1px solid rgba(245,240,232,0.08)"},children:[e.jsxs("div",{children:[e.jsx("h2",{style:{margin:0,fontSize:19,fontWeight:600},children:i.label}),e.jsx("p",{style:{margin:"6px 0 0",fontSize:14,color:"rgba(245,240,232,0.6)"},children:i.hint})]}),e.jsx("button",{onClick:()=>c(i),style:{flexShrink:0,display:"inline-flex",alignItems:"center",gap:8,padding:"10px 16px",background:o===i.id?"#1f7a4d":"#e85d3a",color:"#fff",border:0,borderRadius:6,fontSize:14,fontWeight:600,cursor:"pointer",fontFamily:"'Karla',sans-serif"},children:o===i.id?e.jsxs(e.Fragment,{children:[e.jsx(h,{size:16})," Copied"]}):e.jsxs(e.Fragment,{children:[e.jsx(x,{size:16})," Copy"]})})]}),e.jsx("pre",{style:{margin:0,padding:"18px 22px",fontFamily:"ui-monospace,SFMono-Regular,Menlo,monospace",fontSize:13,lineHeight:1.6,color:"rgba(245,240,232,0.85)",whiteSpace:"pre-wrap",wordBreak:"break-word",overflowX:"auto"},children:i.code})]},i.id))}),e.jsxs("section",{style:{marginTop:56,padding:28,border:"1px dashed rgba(245,240,232,0.2)",borderRadius:8},children:[e.jsx("h3",{style:{margin:0,fontSize:18,fontWeight:600},children:"Live preview"}),e.jsx("p",{style:{margin:"6px 0 18px",fontSize:14,color:"rgba(245,240,232,0.6)"},children:"Exactly what visitors see when the embed loads on your site."}),e.jsx("iframe",{src:"/scan/embed",title:"Scanner preview",style:{width:"100%",height:720,border:0,borderRadius:6,background:"#0f0f0f"},loading:"lazy"})]})]})]})}export{j as default};