PageSourceSearch

https://brandoptics.ai/assets/_slug-AHaIlWns.js

js brandoptics.ai collected 2026-10-05 13:56:24 UTC 12,872 bytes, 13 lines download raw bytes

1import{t as e}from"./arrow-left-CY_OC8bf.js";import{t}from"./arrow-right-Da-h2_J_.js";import{t as n}from"./linkedin-x9AkFLPr.js";import{T as r,c as i,g as a,i as o,l as s,o as c,r as l,u,v as d,w as f,x as p}from"./index-DTzHdYXN.js";import{i as m,n as h,r as g,t as _}from"./blog-utils-WygwDtlI.js";import{t as v}from"./format-Bz18hgaL.js";var y=d(`arrow-up-right`,[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]),b=d(`calendar-clock`,[[`path`,{d:`M16 14v2.2l1.6 1`,key:`fo4ql5`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5`,key:`1osxxc`}],[`path`,{d:`M3 10h5`,key:`r794hk`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`circle`,{cx:`16`,cy:`16`,r:`6`,key:`qoo3c4`}]]),x=d(`circle-check-big`,[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]]),S=d(`copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),C=d(`twitter`,[[`path`,{d:`M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z`,key:`pff0z6`}]]),w=r(f(),1),T=p(),E=({faqs:e})=>{let[t,n]=(0,w.useState)(null);return!e||e.length===0?null:(0,T.jsxs)(`section`,{className:`my-12 bg-muted/50 rounded-xl p-6 md:p-10`,children:[(0,T.jsx)(`h2`,{className:`text-2xl md:text-3xl font-bold text-foreground mb-6`,children:`Frequently Asked Questions`}),(0,T.jsx)(`div`,{className:`space-y-3`,children:e.map((e,r)=>(0,T.jsxs)(`div`,{className:`bg-card border border-border rounded-lg overflow-hidden`,children:[(0,T.jsxs)(`button`,{onClick:()=>n(t===r?null:r),className:`w-full flex items-center justify-between p-5 text-left hover:bg-muted/50 transition-colors`,"aria-expanded":t===r,children:[(0,T.jsx)(`h3`,{className:`text-base md:text-lg font-semibold text-foreground flex-1 pr-4`,children:e.question}),(0,T.jsx)(a,{size:20,className:`text-primary shrink-0 transition-transform duration-200 ${t===r?`rotate-180`:``}`})]}),t===r&&(0,T.jsx)(`div`,{className:`px-5 pb-5 text-muted-foreground leading-relaxed animate-in slide-in-from-top-1 duration-200`,children:(0,T.jsx)(`div`,{dangerouslySetInnerHTML:{__html:e.answer}})})]},r))})]})},D=({takeaways:e})=>!e||e.length===0?null:(0,T.jsxs)(`div`,{className:`my-8 rounded-xl border border-primary/25 bg-secondary p-6 md:p-8 shadow-[0_1px_2px_rgba(0,0,0,0.04)]`,children:[(0,T.jsx)(`h2`,{className:`text-sm font-semibold uppercase tracking-[0.08em] text-primary mb-5`,children:`Key Takeaways`}),(0,T.jsx)(`ul`,{className:`space-y-4`,children:e.map((e,t)=>(0,T.jsxs)(`li`,{className:`flex items-start gap-3 text-foreground/85`,children:[(0,T.jsx)(x,{size:18,className:`text-primary shrink-0 mt-1`}),(0,T.jsx)(`span`,{className:`leading-relaxed [&_strong]:text-foreground [&_strong]:font-semibold`,dangerouslySetInnerHTML:{__html:h(e)}})]},t))})]}),O=({stat:e})=>(0,T.jsxs)(`div`,{className:`my-8 bg-muted/50 border border-border rounded-xl p-8 text-center`,children:[(0,T.jsx)(`p`,{className:`text-5xl font-bold text-primary mb-3`,children:e.value}),(0,T.jsx)(`p`,{className:`text-lg text-foreground mb-4 leading-snug`,children:e.description}),e.source&&(0,T.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Source:`,` `,e.sourceUrl?(0,T.jsx)(`a`,{href:e.sourceUrl,target:`_blank`,rel:`noopener noreferrer`,className:`text-primary hover:underline`,children:e.source}):e.source]})]}),k=({steps:e})=>!e||e.length===0?null:(0,T.jsxs)(`section`,{className:`my-14`,itemScope:!0,itemType:`https://schema.org/HowTo`,children:[(0,T.jsx)(`h2`,{className:`text-2xl md:text-3xl font-bold text-foreground mb-8`,itemProp:`name`,children:`Step-by-Step Guide`}),(0,T.jsx)(`ol`,{className:`space-y-4`,children:e.map((e,t)=>{let n=e.position??t+1,r=e.title||e.name||`Step ${n}`,i=e.description||e.text||``;return(0,T.jsxs)(`li`,{className:`bg-card border border-border rounded-xl p-5 md:p-6 flex gap-4 md:gap-5 shadow-sm`,itemScope:!0,itemProp:`step`,itemType:`https://schema.org/
1HowToStep`,children:[(0,T.jsx)(`meta`,{itemProp:`position`,content:String(n)}),(0,T.jsx)(`div`,{className:`shrink-0 w-9 h-9 bg-primary text-primary-foreground rounded-full flex items-center justify-center text-sm font-bold`,children:n}),(0,T.jsxs)(`div`,{className:`min-w-0`,children:[(0,T.jsx)(`h3`,{className:`text-base md:text-lg font-semibold text-foreground mb-1.5`,itemProp:`name`,children:r}),i&&(0,T.jsx)(`p`,{className:`text-muted-foreground text-[15px] leading-[1.7]`,itemProp:`text`,children:i})]})]},n)})})]}),A=({heading:e=`Is your brand visible inside conversational search?`,primaryLabel:t=`Select Your Plan`,secondaryLabel:n=`Schedule a 15-Min Executive Briefing`})=>(0,T.jsxs)(`aside`,{className:`my-12 rounded-xl border border-border bg-brand-surface p-6 md:p-8`,children:[(0,T.jsx)(`p`,{className:`text-base md:text-lg font-semibold text-foreground mb-5`,children:e}),(0,T.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,T.jsxs)(i,{to:`/pricing`,className:`inline-flex items-center gap-2 bg-primary text-primary-foreground font-medium px-5 py-2.5 rounded-lg text-sm hover:bg-brand-orange-hover transition-colors`,children:[t,(0,T.jsx)(y,{size:16})]}),(0,T.jsxs)(i,{to:`/services`,className:`inline-flex items-center gap-2 border border-border bg-card text-foreground font-medium px-5 py-2.5 rounded-lg text-sm hover:bg-muted transition-colors`,children:[(0,T.jsx)(b,{size:16}),n]})]})]}),j=`prose prose-lg max-w-none text-foreground/80
2  prose-p:text-foreground/80 prose-p:leading-[1.8] prose-p:my-5
3  prose-headings:text-foreground prose-headings:font-bold prose-headings:tracking-tight
4  prose-h2:text-[26px] md:prose-h2:text-[30px] prose-h2:mt-14 prose-h2:mb-4 prose-h2:pb-3 prose-h2:border-b prose-h2:border-border
5  prose-h3:text-[20px] prose-h3:mt-9 prose-h3:mb-3
6  prose-strong:text-foreground prose-strong:font-semibold
7  prose-li:text-foreground/80 prose-li:leading-[1.8] prose-li:my-1.5
8  prose-ul:my-5 prose-ol:my-5
9  prose-a:text-primary prose-a:font-medium
10  prose-blockquote:border-l-primary prose-blockquote:bg-muted/50 prose-blockquote:not-italic prose-blockquote:py-2 prose-blockquote:px-5 prose-blockquote:rounded-r-lg
11  prose-code:bg-muted prose-code:px-1 prose-code:rounded
12  prose-img:rounded-xl
13  [&_p.qae-answer]:text-foreground [&_p.qae-answer]:font-semibold [&_p.qae-answer]:text-[18px] [&_p.qae-answer]:leading-[1.7]`,M=()=>{let{slug:r}=s(),a=r?o(r):void 0,d=a?.category_id?l.filter(e=>e.category_id===a.category_id&&e.id!==a.id).slice(0,3):[],f=a?l.findIndex(e=>e.id===a.id):-1,p=f>=0?l[f+1]??null:null,h=f>0?l[f-1]??null:null;(0,w.useEffect)(()=>{window.scrollTo(0,0)},[r]);let y=()=>{navigator.clipboard.writeText(window.location.href),u.success(`Link copied!`)};if(!a)return(0,T.jsx)(c,{children:(0,T.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center`,children:[(0,T.jsx)(`h1`,{className:`text-2xl font-bold text-foreground mb-4`,children:`Post Not Found`}),(0,T.jsx)(i,{to:`/blog`,className:`text-primary hover:underline`,children:`← Back to Blog`})]})});let b=a,x=b.faq_data||[],M=b.key_takeaways||[],N=b.statistics||[],P=b.how_to_steps||[],F=_(a.content||``),[I,L]=g(F),R=a.updated_date||a.published_date;return(0,T.jsx)(c,{children:(0,T.jsxs)(`article`,{className:`pb-16`,children:[(0,T.jsx)(`div`,{className:`bg-brand-surface py-12 md:py-16`,children:(0,T.jsxs)(`div`,{className:`container mx-auto max-w-[800px] px-4`,children:[(0,T.jsx)(i,{to:`/blog`,className:`text-primary text-sm hover:underline mb-4 inline-block`,children:`← Back to Blog`}),(0,T.jsx)(`span`,{className:`block text-xs font-medium bg-primary/10 text-primary px-3 py-1 rounded-full w-fit mb-4`,children:a.categories?.name}),(0,T.jsx)(`h1`,{className:`text-3xl md:text-4xl font-bold text-foreground mb-4 leading-tight`,children:a.title}),(0,T.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-muted-foreground`,children:[(0,T.jsxs)(`span`,{className:`text-foreground font-medium`,children:[`By `,a.author,` | `,a.author_title||`AI Brand Strategist`]}),(0,T.jsx)(`span`,{children:`•`}),(0,T.jsxs)(`span`,{children:[`Last Updated: `,R&&v(new Date(R),`MMMM d, yyyy`)]}),(0,T.jsx)(`span`,{children:`•`}
13),(0,T.jsx)(`span`,{children:m(a)})]}),(0,T.jsxs)(`div`,{className:`flex items-center gap-3 mt-4`,children:[(0,T.jsx)(`a`,{href:`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(`https://brandoptics.ai/blog/${a.slug}`)}`,target:`_blank`,rel:`noopener noreferrer`,"aria-label":`Share on LinkedIn`,className:`p-2 rounded-full bg-card border border-border hover:bg-muted transition-colors`,children:(0,T.jsx)(n,{size:16})}),(0,T.jsx)(`a`,{href:`https://twitter.com/intent/tweet?url=${encodeURIComponent(`https://brandoptics.ai/blog/${a.slug}`)}&text=${encodeURIComponent(a.title)}`,target:`_blank`,rel:`noopener noreferrer`,"aria-label":`Share on X`,className:`p-2 rounded-full bg-card border border-border hover:bg-muted transition-colors`,children:(0,T.jsx)(C,{size:16})}),(0,T.jsx)(`button`,{onClick:y,"aria-label":`Copy link`,className:`p-2 rounded-full bg-card border border-border hover:bg-muted transition-colors`,children:(0,T.jsx)(S,{size:16})})]})]})}),a.featured_image_url&&(0,T.jsx)(`div`,{className:`container mx-auto max-w-[1000px] px-4 -mt-4`,children:(0,T.jsx)(`img`,{src:a.featured_image_url,alt:a.title,width:1200,height:576,className:`w-full h-auto rounded-xl shadow-lg`,loading:`lazy`})}),(0,T.jsxs)(`div`,{className:`container mx-auto max-w-[800px] px-4 mt-10`,children:[(0,T.jsx)(D,{takeaways:M}),(0,T.jsx)(`div`,{className:j,dangerouslySetInnerHTML:{__html:I}}),L&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(A,{...b.mid_cta||{}}),(0,T.jsx)(`div`,{className:j,dangerouslySetInnerHTML:{__html:L}})]}),N.length>0&&N.map((e,t)=>(0,T.jsx)(O,{stat:e},t)),(0,T.jsx)(k,{steps:P}),(0,T.jsx)(E,{faqs:x})]}),(0,T.jsx)(`div`,{className:`container mx-auto max-w-[800px] px-4 mt-12`,children:(0,T.jsxs)(`div`,{className:`flex justify-between items-center border-t border-border pt-6`,children:[p?(0,T.jsxs)(i,{to:`/blog/${p.slug}`,className:`text-sm text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2`,children:[(0,T.jsx)(e,{size:16}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Previous`}),(0,T.jsx)(`p`,{className:`font-medium text-foreground`,children:p.title})]})]}):(0,T.jsx)(`div`,{}),h?(0,T.jsxs)(i,{to:`/blog/${h.slug}`,className:`text-sm text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2 text-right`,children:[(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Next`}),(0,T.jsx)(`p`,{className:`font-medium text-foreground`,children:h.title})]}),(0,T.jsx)(t,{size:16})]}):(0,T.jsx)(`div`,{})]})}),d.length>0&&(0,T.jsxs)(`div`,{className:`container mx-auto max-w-[1200px] px-4 mt-16`,children:[(0,T.jsx)(`h2`,{className:`text-2xl font-bold text-foreground mb-8`,children:`Related Posts`}),(0,T.jsx)(`div`,{className:`grid md:grid-cols-3 gap-6`,children:d.map(e=>(0,T.jsx)(i,{to:`/blog/${e.slug}`,className:`group`,children:(0,T.jsxs)(`div`,{className:`bg-card border border-border rounded-xl overflow-hidden hover:shadow-lg transition-all hover:-translate-y-1`,children:[e.featured_image_url?(0,T.jsx)(`img`,{src:e.featured_image_url,alt:e.title,width:1200,height:576,className:`w-full h-48 object-cover`,loading:`lazy`}):(0,T.jsx)(`div`,{className:`h-48 bg-muted flex items-center justify-center`,children:(0,T.jsx)(`span`,{className:`text-4xl`,children:`📝`})}),(0,T.jsxs)(`div`,{className:`p-5`,children:[(0,T.jsx)(`h3`,{className:`font-semibold text-foreground group-hover:text-primary transition-colors mb-2 line-clamp-2`,children:e.title}),(0,T.jsx)(`p`,{className:`text-muted-foreground text-sm line-clamp-2`,children:e.excerpt})]})]})},e.id))})]}),(0,T.jsx)(`div`,{className:`container mx-auto max-w-[800px] px-4 mt-16`,children:(0,T.jsxs)(`div`,{className:`bg-primary rounded-xl p-8 md:p-12 text-center`,children:[(0,T.jsx)(`h2`,{className:`text-2xl font-bold text-primary-foreground mb-3`,children:`Ready to See What AI Says About Your Brand?`}),(0,T.jsx)(`p`,{className:`text-primary-foreground/80 mb-6`,children:`Get a comprehensive assessment of your AI brand visibility and a clear action plan.`}),(0,T.jsxs)(`div`,{className:`flex flex-wrap justify-center gap-3`,children:[(0,T.jsx)(i,{to:`/pricing`,className:`bg-white text-primary font-medium px-6 py-3 rounded-lg hover:bg-white/90 transition-colors`,children:`Select Your Plan`}),(0,T.jsx)(i,{to:`/contact`,className:`border border-white text-white font-medium px-6 py-3 rounded-lg hover:bg-white/10 transition-colors`,children:`Talk to a Strategist`})]})]})})]})})};export{M as component};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.