https://www.vidl.ca/assets/ArticlePage-BzdaavCj.js

1import{ak as f,q as b,al as y,j as e,L as a,H as N}from"./index-CBaleBen.js";import{N as i}from"./Navigation-CD3tnLtz.js";import{F as o}from"./Footer-CLEnDEvJ.js";import{r as v,b as w,S as k,A as _}from"./articleSeo-CDeOoM0_.js";import{a as A}from"./useArticles-sJgS-jVd.js";import{A as d}from"./arrow-left-BP-b2SIu.js";import{S as D}from"./share-2-BrmoCy2G.js";import{f as m}from"./format-Ds6MtW5H.js";import"./sheet-DeiCNvEV.js";import"./index-DaK5l10y.js";import"./tslib.es6-D7fs4-OO.js";import"./index-CNr83kh8.js";import"./plus-C7HQV6aI.js";import"./useQuery-C6NGZ6zO.js";import"./client-CZhta5hc.js";const z=()=>{const{slug:l}=f(),{toast:x}=b(),{data:s,isLoading:p,error:u}=A(l||"");if(y(!!s),p)return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(i,{}),e.jsx("div",{className:"container mx-auto px-4 pt-36 pb-24 max-w-4xl",children:e.jsxs("div",{className:"animate-pulse",children:[e.jsx("div",{className:"h-8 bg-muted rounded w-32 mb-8"}),e.jsx("div",{className:"h-64 bg-muted rounded-2xl mb-12"}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"h-4 bg-muted rounded w-full"}),e.jsx("div",{className:"h-4 bg-muted rounded w-5/6"}),e.jsx("div",{className:"h-4 bg-muted rounded w-4/6"})]})]})}),e.jsx(o,{})]});if(u||!s)return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(i,{}),e.jsxs("div",{className:"container mx-auto px-4 pt-36 pb-24 max-w-4xl text-center",children:[e.jsx("h1",{className:"text-4xl font-serif mb-4",children:"Article Not Found"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:"The article you're looking for doesn't exist or has been removed."}),e.jsxs(a,{to:"/editorial",className:"inline-flex items-center gap-2 text-primary hover:underline",children:[e.jsx(d,{className:"w-4 h-4"}),"Back to Editorial"]})]}),e.jsx(o,{})]});const h=m(new Date(s.published_at),"MMMM dd, yyyy").toUpperCase(),t=v(s),g=w(s),n=t.dateModified&&t.dateModified.slice(0,10)!==s.published_at.slice(0,10)?m(new Date(t.dateModified),"MMMM dd, yyyy").toUpperCase():null;return e.jsxs(e.Fragment,{children:[e.jsxs(N,{children:[e.jsx("title",{children:t.documentTitle}),e.jsx("meta",{name:"robots",content:t.robots}),t.metaDescription&&e.jsx("meta",{name:"description",content:t.metaDescription}),e.jsx("link",{rel:"canonical",href:t.canonical}),e.jsx("meta",{property:"og:url",content:t.canonical}),e.jsx("meta",{property:"og:title",content:t.ogTitle}),t.ogDescription&&e.jsx("meta",{property:"og:description",content:t.ogDescription}),e.jsx("meta",{property:"og:type",content:"article"}),e.jsx("meta",{property:"og:site_name",content:"Vidl Agency"}),e.jsx("meta",{property:"og:image",content:t.ogImage||"https://www.vidl.ca/opengraph-image.png"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:t.ogTitle}),t.ogDescription&&e.jsx("meta",{name:"twitter:description",content:t.ogDescription}),e.jsx("meta",{name:"twitter:image",content:t.ogImage||"https://www.vidl.ca/opengraph-image.png"}),e.jsx("meta",{property:"article:author",content:s.author}),e.jsx("meta",{property:"article:published_time",content:t.datePublished}),t.dateModified&&e.jsx("meta",{property:"article:modified_time",content:t.dateModified}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify(g)})]}),e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(i,{}),e.jsxs("article",{className:"container mx-auto px-4 pt-36 pb-24 max-w-4xl",children:[e.jsxs(a,{to:"/editorial",className:"inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors mb-8",children:[e.jsx(d,{className:"w-4 h-4"}),"Back to Editorial"]}),e.jsxs("header",{className:"relative -mx-4 px-4 md:-mx-8 md:px-8 lg:-mx-12 lg:px-12 py-16 md:py-24 mb-12 rounded-2xl overflow-hidden",children:[s.hero_video_url?e.jsx("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"absolute inset-0 w-full h-full object-cover",children:e.jsx("source",{src:s.hero_video_url,type:"video/mp4"})}):s.hero_image_url?e.jsx("img",{src:s.hero_image_url,alt:s.title,className:"absolute inset-0 w-full h-full object-cover"}):null,e.jsx("div",{className:"absolute inset-0 bg-[#4A3728]/[0.37]"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"flex items-center gap-2 mb-6",children:e.jsx("span",{className:"text-xs font-medium tracking-wide px-6 py-2.5 bg-[#3A3A3A] text-white rounded-full",children:s.category})}),e.jsx("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-serif mb-6 leading-tight text-white",children:s.title}),e.jsxs("div",{className:"flex items-center gap-4 text-sm text-white/90",children:[e.jsx("span",{children:s.author.toUpperCase()}),e.jsx("span",{children:"—"}),e.jsx("span",{children:h}),e.jsx("button",{onClick:()=>{const r=`https://yvzultqfnkufyctpxhxc.supabase.co/functions/v1/article-og?slug=${encodeURIComponent(l)}`;navigator.clipboard.writeText(r),x({title:"Share link copied!",description:"Paste it on WhatsApp, LinkedIn, or any social platform."})},className:"ml-2 p-1.5 rounded-full bg-white/20 hover:bg-white/30 transition-colors","aria-label":"Copy share link",children:e.jsx(D,{className:"w-4 h-4 text-white"})})]})]})]}),s.soundcloud_track_url&&e.jsx(k,{trackUrl:s.soundcloud_track_url,title:s.soundcloud_title||"Listen to this article"}),e.jsx("div",{className:"prose prose-lg max-w-none",children:e.jsx(_,{blocks:s.content})}),n&&e.jsxs("p",{className:"mt-8 text-xs tracking-wide text-muted-foreground",children:["LAST UPDATED ",n]}),t.citations.length>0&&e.jsxs("section",{className:"mt-12 pt-8 border-t border-border",children:[e.jsx("h2",{className:"text-xl font-serif mb-4",children:"Sources & References"}),e.jsx("ul",{className:"space-y-2 list-disc pl-5",children:t.citations.map((r,j)=>{var c;return e.jsx("li",{className:"text-sm text-muted-foreground",children:e.jsx("a",{href:r.url,target:"_blank",rel:"noopener noreferrer",className:"hover:text-foreground underline underline-offset-4 break-words",children:((c=r.title)==null?void 0:c.trim())||r.url})},j)})})]}),e.jsx("section",{className:"mt-16 text-center",children:e.jsxs("div",{className:"bg-muted p-8 md:p-12 rounded-2xl",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-serif mb-4",children:"Ready to Grow Your Business?"}),e.jsx("p",{className:"text-muted-foreground mb-6 max-w-xl mx-auto",children:"Schedule a free discovery call to discu

1ss how we can help you build a predictable growth system."}),e.jsx(a,{to:"/discovery-call",className:"inline-flex items-center justify-center px-8 py-3 bg-primary text-primary-foreground rounded-full font-medium hover:opacity-90 transition-opacity",children:"Schedule Discovery Call"})]})})]}),e.jsx(o,{})]})]})};export{z as default};