https://repsshield.com/assets/BlogPostPage-C5-MNipH.js

1import{j as e,P as n,B as h,ae as g,af as u,e as p,i as j,ag as b,ah as f,N as o,ad as l,C as N,d as y}from"./index-Byg2HWAE.js";import{b as _,L as t}from"./vendor-Qgthw7N1.js";import{u as w}from"./useSEOMetaTags-DuPP1K7p.js";import{u as v}from"./useSchemaMarkup-CFsXJ2MT.js";import{b as k}from"./useBlogPosts-CfrXCzu0.js";import{C as P}from"./calendar-days-CZv4Giu2.js";import"./api-DBoyQ-on.js";function A(a){return new Date(a).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}function B(){return e.jsxs("div",{className:"space-y-4 max-w-3xl mx-auto",children:[e.jsx(l,{className:"h-5 w-32 rounded-md"}),e.jsx(l,{className:"h-10 w-full"}),e.jsx(l,{className:"h-10 w-3/4"}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(l,{className:"h-5 w-24"}),e.jsx(l,{className:"h-5 w-32"}),e.jsx(l,{className:"h-5 w-20"})]}),e.jsx(l,{className:"aspect-[2/1] w-full rounded-lg"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{className:"h-4 w-full"}),e.jsx(l,{className:"h-4 w-full"}),e.jsx(l,{className:"h-4 w-5/6"}),e.jsx(l,{className:"h-4 w-full"}),e.jsx(l,{className:"h-4 w-4/5"})]})]})}function C({post:a}){return e.jsx(t,{href:`/blog/${a.slug}`,children:e.jsxs(N,{className:"overflow-hidden cursor-pointer transition-colors hover:border-primary/30 group h-full",children:[a.featuredImageUrl&&e.jsx("div",{className:"aspect-[16/9] overflow-hidden bg-gray-100",children:e.jsx("img",{src:a.featuredImageUrl,alt:a.title,className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",loading:"lazy"})}),e.jsxs(y,{className:"p-4",children:[e.jsx("h4",{className:"font-semibold mb-2 line-clamp-2 group-hover:text-primary transition-colors",children:a.title}),e.jsx("p",{className:"text-sm text-gray-600 line-clamp-2",children:a.excerpt})]})]})})}function q({faqSchema:a}){var s;return(s=a==null?void 0:a["@graph"])!=null&&s.length?e.jsxs("div",{className:"max-w-3xl mx-auto mt-12",children:[e.jsx(o,{className:"mb-8"}),e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"Frequently Asked Questions"}),e.jsx("div",{className:"space-y-4",children:a["@graph"].map((c,x)=>{var r;return e.jsxs("div",{className:"border border-gray-200 rounded-lg p-5 bg-gray-50",children:[e.jsx("h3",{className:"font-semibold text-gray-900 mb-2",children:c.name}),e.jsx("p",{className:"text-gray-700 text-sm leading-relaxed",children:(r=c.acceptedAnswer)==null?void 0:r.text})]},x)})})]}):null}function E(){var r,i,d;const{slug:a}=_(),{data:s,isLoading:c,error:x}=k(a);return w((s==null?void 0:s.seoTitle)||(s==null?void 0:s.title)||"Blog Post — REPSShield",(s==null?void 0:s.seoDescription)||(s==null?void 0:s.excerpt)||"",(s==null?void 0:s.ogImageUrl)||(s==null?void 0:s.featuredImageUrl)||void 0),v([s==null?void 0:s.articleSchema,s==null?void 0:s.faqSchema].filter(Boolean)),c?e.jsx(n,{children:e.jsx("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12",children:e.jsx(B,{})})}):x||!s?e.jsx(n,{children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center",children:[e.jsx("h1",{className:"text-3xl font-bold text-gray-900 mb-4",children:"Article Not Found"}),e.jsx("p",{className:"text-gray-600 mb-8",children:"The article you're looking for doesn't exist or has been removed."}),e.jsx(t,{href:"/blog",children:e.jsxs(h,{variant:"default",className:"rounded-md",children:[e.jsx(g,{className:"w-4 h-4 mr-2"}),"Back to Blog"]})})]})}):e.jsx(n,{hideEmailIntake:!0,children:e.jsxs("article",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12",children:[e.jsxs("nav",{className:"flex items-center gap-2 text-xs sm:text-sm text-gray-500 mb-6 sm:mb-8 overflow-x-auto whitespace-nowrap -mx-4 px-4 sm:mx-0 sm:px-0",children:[e.jsx(t,{href:"/blog",className:"hover:text-primary transition-colors shrink-0",children:"Blog"}),e.jsx(u,{className:"w-3 h-3 sm:w-4 sm:h-4 shrink-0"}),s.category&&e.jsxs(e.Fragment,{children:[e.jsx(t,{href:`/blog?category=${s.category.slug}`,className:"hover:text-primary transition-colors shrink-0",children:s.category.name}),e.jsx(u,{className:"w-3 h-3 sm:w-4 sm:h-4 shrink-0"})]}),e.jsx("span",{className:"text-gray-900 truncate min-w-0",children:s.title})]}),e.jsxs("header",{className:"mb-6 sm:mb-8",children:[s.category&&e.jsx(t,{href:`/blog?category=${s.category.slug}`,children:e.jsx(p,{variant:"secondary",className:"rounded-md mb-3 sm:mb-4 cursor-pointer hover:bg-accent text-xs sm:text-sm",children:s.category.name})}),e.jsx("h1",{className:"text-2xl sm:text-3xl lg:text-5xl font-bold text-gray-900 mb-3 sm:mb-4 leading-tight",children:s.title}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 sm:gap-4 text-xs sm:text-sm text-gray-500 mb-4 sm:mb-6",children:[s.author&&e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 sm:w-8 sm:h-8 rounded-full bg-accent inline-flex items-center justify-center text-xs sm:text-sm font-semibold text-primary",children:((r=s.author.fullName)==null?void 0:r.charAt(0))||"A"}),e.jsx("span",{className:"font-medium text-gray-700",children:s.author.fullName})]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(P,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),A(s.publishedAt||s.createdAt)]}),s.readingTime&&e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(j,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),s.readingTime," min read"]})]})]}),s.featuredImageUrl&&e.jsx("div",{className:"mb-6 sm:mb-10 rounded-lg overflow-hidden",children:e.jsx("img",{src:s.featuredImageUrl,alt:s.title,className:"w-full max-h-96 object-cover"})}),e.jsx("div",{className:"prose prose-sm sm:prose lg:prose-lg max-w-none [&_h2]:text-xl sm:[&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mt-8 sm:[&_h2]:mt-10 [&_h2]:mb-3 sm:[&_h2]:mb-4 [&_h3]:text-lg sm:[&_h3]:text-xl [&_h3]:font-semibold [&_h3]:mt-6 sm:[&_h3]:mt-8 [&_h3]:mb-2 sm:[&_h3]:mb-3 [&_p]:leading-relaxed [&_p]:mb-3 sm:[&_p]:mb-4 [&_a]:text-primary [&_a]:underline [&_a:hover]:text-primary/80 [&_ul]:list-disc [&_ul]:pl-5 sm:[&_ul]:pl-6 [&_ol]:list-decimal [&_ol]:pl-5 sm:[&_ol]:pl-6 [&_li]:mb-1.5 sm:[&_li]:mb-2 [&_blockquote]:border-l-4 [&_blockquote]:border-primary/30 [&_blockquote]:pl-3 sm:[&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:bg-accent [&_blockquote]:py-2 [&_blockquote]:px-3 sm:[&_blockquote]:px-4 [&_blockquote]:rounded-r-md [&_code]:bg-gray-100 [&_code]:px-1 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-xs sm:[&_code]:text-sm [&_pre]:bg-gray-900 [&_pre]:text-gray-100 [&_pre]:p-3 sm:[&_pre]:p-4 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_pre]:my-4 sm:[&_pre]:my-6 [&_pre]:text-xs sm:[&_pre]:text-sm",children:e.jsx(b,{remarkPlugins:[f],children:((i=s.content)==null?void 0:i.replace(/^#\s+.+/,"").trim())||""})}),e.jsx(q,{faqSchema:s.faqSchema}),s.author&&e.jsxs("div",{className:"max-w-3xl mx-auto mt-8 sm:mt-12",children:[e.jsx(o,{className:"mb-6 sm:mb-8"}),e.jsxs("div",{className:"flex items-start gap-3 sm:gap-4 p-4 sm:p-6 bg-gray-50 rounded-lg",children:[e.jsx("span",{className:"w-8 h-8 sm:w-12 sm:h-12 rounded-full bg-accent inline-flex items-center justify-center text-sm sm:text-lg font-semibold text-primary flex-shrink-0",children:((d=s.author.fullName)==null?void 0:d.charAt(0))||"A"}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-gray-900 mb-1 text-sm sm:text-base",children:s.author.fullName}),s.author.bio&&e.jsx("p",{className:"text-xs sm:text-sm text-gray-600",children:s.author.bio})]})]})]}),s.tags&&s.tags.length>0&&e.jsx("div",{className:"max-w-3xl mx-auto mt-6 sm:mt-8 flex flex-wrap gap-1.5 sm:gap-2",children:s.tags.map(m=>e.jsxs(p,{variant:"outline",className:"rounded-md text-xs sm:text-sm",children:["#",m.name]},m.id))}),s.relatedPosts&&s.relatedPosts.length>0&&e.jsxs("div",{className:"max-w-4xl mx-auto mt-10 sm:mt-16",children:[e.jsx(o,{className:"mb-6 sm:mb-8"}),e.jsx("h2",{className:"text-xl sm:text-2xl font-bold mb-4 sm:mb-6",children:"Related Articles"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-6",children:s.relatedPosts.map(m=>e.jsx(C,{post:m},m.id))})]}),e.jsx("div",{className:"text-center mt-8 sm:mt-12",children:e.jsx(t,{href:"/blog",children:e.jsxs(h,{variant:"outline",className:"rounded-md text-sm sm:text-base",children:[e.jsx(g,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4 mr-1.5 sm:mr-2"}),"Back to Blog"]})})})]})})}export{E as default};