https://www.mydesignaudit.com/assets/BlogPostPage-Dx8sYfuv.js

1import{p as w,j as e,N as j,L as c}from"./index-BSHeCieU.js";import{r as N,Q as y,i as v,aK as F,o as g,Y as k,a3 as A,d as u}from"./lucide-C3cqDhrn.js";import{B as b}from"./blogArticles-BuGCdYMA.js";import"./vendor-Db9Xe8bn.js";import"./framer-RoeQGGav.js";const S=()=>{const{slug:f}=w(),s=b.find(t=>t.slug===f);if(N.useEffect(()=>{if(!s)return;document.title=`${s.title} | My Design Audit`;const t=(a,d,x=!1)=>{const m=x?"property":"name";let h=document.querySelector(`meta[${m}="${a}"]`);h||(h=document.createElement("meta"),h.setAttribute(m,a),document.head.appendChild(h)),h.setAttribute("content",d)};t("description",s.description),t("robots","index, follow"),t("og:title",`${s.title} | My Design Audit`,!0),t("og:description",s.description,!0),t("og:url",`https://www.mydesignaudit.com/blog/${s.slug}`,!0),t("og:type","article",!0),t("twitter:card","summary_large_image"),t("twitter:title",`${s.title} | My Design Audit`),t("twitter:description",s.description);let i=document.querySelector('link[rel="canonical"]');i||(i=document.createElement("link"),i.rel="canonical",document.head.appendChild(i)),i.href=`https://www.mydesignaudit.com/blog/${s.slug}`;let o=s.publishedDate;try{const a=new Date(s.publishedDate);isNaN(a.getTime())||(o=a.toISOString().split("T")[0])}catch{}const r={"@context":"https://schema.org","@type":"BlogPosting",headline:s.title,description:s.description,url:`https://www.mydesignaudit.com/blog/${s.slug}`,mainEntityOfPage:{"@type":"WebPage","@id":`https://www.mydesignaudit.com/blog/${s.slug}`},datePublished:o,author:{"@type":"Person",name:s.author.name,jobTitle:s.author.role,image:s.author.avatar},publisher:{"@type":"Organization",name:"My Design Audit",url:"https://www.mydesignaudit.com/",logo:{"@type":"ImageObject",url:"https://www.mydesignaudit.com/logo-new.png"}}},l="blogpost-jsonld";let n=document.getElementById(l);return n||(n=document.createElement("script"),n.id=l,n.type="application/ld+json",document.head.appendChild(n)),n.text=JSON.stringify(r),()=>{const a=document.getElementById(l);a&&a.remove()}},[s]),!s)return e.jsx(j,{to:"/blog",replace:!0});const p=b.filter(t=>{var i;return(i=s.relatedSlugs)==null?void 0:i.includes(t.slug)});return e.jsxs("div",{className:"min-h-screen bg-slate-50 text-slate-900 font-sans",children:[e.jsx("header",{className:"sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-slate-200/80",children:e.jsxs("div",{className:"max-w-5xl mx-auto px-4 md:px-6 h-16 flex items-center justify-between",children:[e.jsxs(c,{to:"/blog",className:"flex items-center gap-2 text-xs md:text-sm font-bold text-slate-600 hover:text-slate-900",children:[e.jsx(y,{className:"w-4 h-4"})," Back to Resources"]}),e.jsx(c,{to:"/",className:"flex items-center gap-2",children:e.jsx("img",{src:"/logo-new.png",alt:"My Design Audit",className:"h-7 md:h-9 w-auto"})}),e.jsx(c,{to:"/",className:"px-3.5 py-1.5 bg-[#635FF4] hover:bg-[#5650D9] text-white rounded-lg text-xs font-bold shadow-sm",children:"Try Free Audit"})]})}),e.jsxs("main",{className:"max-w-4xl mx-auto px-4 md:px-6 py-10 md:py-16 text-left",children:[e.jsxs("div",{className:"mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4 flex-wrap",children:[e.jsx("span",{className:"px-3 py-1 bg-indigo-50 text-[#635FF4] text-xs font-extrabold uppercase tracking-wider rounded-md border border-indigo-100",children:s.category}),e.jsxs("span",{className:"text-xs text-slate-400 font-medium flex items-center gap-1",children:[e.jsx(v,{className:"w-3.5 h-3.5"})," ",s.readTime]}),e.jsxs("span",{className:"text-xs text-slate-400 font-medium flex items-center gap-1",children:[e.jsx(F,{className:"w-3.5 h-3.5"})," ",s.publishedDate]})]}),e.jsx("h1",{className:"text-3xl md:text-5xl font-extrabold text-slate-900 tracking-tight leading-tight mb-6",children:s.title}),e.jsx("p",{className:"text-slate-600 text-base md:text-xl font-medium leading-relaxed mb-6",children:s.description})]}),s.keyTakeaways&&s.keyTakeaways.length>0&&e.jsxs("div",{className:"mb-12 p-6 md:p-8 rounded-2xl bg-indigo-50/70 border border-indigo-100 text-left",children:[e.jsxs("h3",{className:"text-base font-extrabold text-indigo-900 uppercase tracking-wider flex items-center gap-2 mb-4",children:[e.jsx(g,{className:"w-4 h-4 text-[#635FF4]"})," Key Takeaways"]}),e.jsx("ul",{className:"space-y-3",children:s.keyTakeaways.map((t,i)=>e.jsxs("li",{className:"flex items-start gap-2.5 text-sm md:text-base font-medium text-slate-800 leading-snug",children:[e.jsx(k,{className:"w-4 h-4 text-[#635FF4] shrink-0 mt-0.5"}),e.jsx("span",{children:t})]},i))})]}),e.jsx("div",{className:"prose prose-slate max-w-none space-y-8 mb-16",children:s.content.map((t,i)=>{const o=r=>{const l=[],n=/<a\s+href=["']([^"']+)["']>(.*?)<\/a>/g;let a=0,d;for(;(d=n.exec(r))!==null;){d.index>a&&l.push(r.substring(a,d.index));const x=d[1],m=d[2];x.startsWith("/")?l.push(e.jsx(c,{to:x,className:"text-[#635FF4] font-bold hover:underline underline-offset-2",children:m},d.index)):l.push(e.jsx("a",{href:x,target:"_blank",rel:"noopener noreferrer",className:"text-[#635FF4] font-bold hover:underline underline-offset-2",children:m},d.index)),a=n.lastIndex}return a<r.length&&l.push(r.substring(a)),l.length>0?l:r};return e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-extrabold text-slate-900 tracking-tight leading-tight",children:t.heading}),t.directAnswer&&e.jsxs("div",{className:"p-5 md:p-6 rounded-2xl bg-indigo-50/80 border border-indigo-100/90 text-slate-800 my-4 shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs font-extrabold uppercase tracking-wider text-[#635FF4] mb-2",children:[e.jsx(g,{className:"w-4 h-4 text-[#635FF4]"})," Direct Answer"]}),e.jsx("p",{className:"text-sm md:text-base font-semibold leading-relaxed text-slate-900",children:t.directAnswer})]}),e.jsx("p",{className:"text-slate-600 text-base md:text-lg leading-relaxed font-normal whitespace-pre-line",children:o(t.body)}),t.bullets&&e.jsx("ul",{className:"space-y-2 my-4 pl-4 border-l-2 border-[#635FF4]/40",children:t.bullets.map((r,l)=>e.jsx("li",{className:"text-slate-700 font-medium text-sm md:text-base leading-relaxed",children:o(r)},l))}),t.table&&e.jsx("div",{className:"my-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white shadow-sm scrollbar-thin",children:e.jsxs("table",{className:"w-full text-left text-xs md:text-sm border-collapse min-w-[500px]",children:[e.jsx("thead",{children:e.jsx("tr",{className:"bg-slate-100/80 border-b border-slate-200",children:t.table.headers.map((r,l)=>e.jsx("th",{className:"py-3 px-4 font-bold text-slate-900 uppercase tracking-wider text-[11px] md:text-xs",children:r},l))})}),e.jsx("tbody",{className:"divide-y divide-slate-100",children:t.table.rows.map((r,l)=>e.jsx("tr",{className:"hover:bg-slate-50/80 transition-colors",children:r.map((n,a)=>e.jsx("td",{className:"py-3 px-4 font-medium text-slate-700 leading-snug",children:n},a))},l))})]})}),t.callout&&e.jsxs("div",{className:"p-4 md:p-6 rounded-xl bg-amber-50 border border-amber-200/80 text-amber-950 my-6",children:[e.jsxs("h4",{className:"text-sm font-bold uppercase tracking-wider text-amber-800 flex items-center gap-2 mb-1",children:[e.jsx(A,{className:"w-4 h-4 text-amber-600"})," ",t.callout.title]}),e.jsx("p",{className:"text-sm md:text-base font-medium text-amber-900 leading-relaxed",children:o(t.callout.text)})]})]},i)})}),e.jsxs("div",{className:"my-12 p-8 rounded-3xl bg-slate-900 text-white border border-slate-800 shadow-2xl relative overflow-hidden text-center",children:[e.jsx("div",{className:"absolute top-0 right-0 w-80 h-80 bg-[#635FF4]/20 blur-[100px] pointer-events-none"}),e.jsx("h3",{className:"text-2xl md:text-3xl font-extrabold mb-3 leading-tight",children:"Conduct an AI UX Audit on Your Site in Minutes"}),e.jsx("p",{className:"text-slate-300 text-sm md:text-base font-medium max-w-xl mx-auto mb-6",children:"Find usability issues, accessibility errors, and conversion friction instantly. Get clear recommendations on what to fix first."}),e.jsxs(c,{to:"/",className:"inline-flex items-center gap-2 px-6 py-3.5 bg-[#635FF4] hover:bg-[#5650D9] text-white font-extrabold text-sm rounded-xl shadow-lg shadow-[#635FF4]/30 transition-all hover:scale-105",children:["Audit Your Website Free ",e.jsx(u,{className:"w-4 h-4"})]})]}),p.length>0&&e.jsxs("div",{className:"pt-12 border-t border-slate-200/80",children:[e.jsx("h3",{className:"text-xl font-extrabold text-slate-900 mb-6",children:"Related Articles"}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:p.map(t=>e.jsxs(c,{to:`/blog/${t.slug}`,className:"p-5 rounded-2xl bg-white border border-slate-200/80 hover:border-indigo-300 hover:shadow-md transition-all group text-left flex flex-col justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] font-extrabold text-[#635FF4] uppercase tracking-wider block mb-2",children:t.category}),e.jsx("h4",{className:"text-sm font-bold text-slate-900 group-hover:text-[#635FF4] transition-colors leading-snug mb-2",children:t.title})]}),e.jsxs("span",{className:"text-xs font-bold text-slate-400 group-hover:text-[#635FF4] flex items-center gap-1 mt-4",children:["Read Article ",e.jsx(u,{className:"w-3 h-3"})]})]},t.slug))})]})]})]})};export{S as BlogPostPage};